界面设计

适用人群

适合：要做官网、活动页或后台界面方案的人、要整理页面风格、组件样式和视觉方向的产品或设计人员、要先产出一版界面草案再交给设计师或前端落地的人。

技能介绍

This skill should be used when writing or reviewing code for the甘草云HIS system (Spring Cloud microservices). Use this skill to ensure code adheres to module boundary rules and properly handles complex business logic that spans multiple modules. Trigger this skill when: (1) implementing new features that touch multiple services, (2) adding cross-module calls, (3) creating complex business workflows, or (4) reviewing code for architectural compliance。

Ensures code adheres to the architectural principles of the甘草云HIS Spring Cloud microservices system. Validates module boundaries, enforces proper inter-service communication patterns, and guides complex business logic implementation across multiple modules.

业务背景和落地案例

当团队需要界面设计时，可以先用界面设计完成第一轮处理。常见做法是把相关文件、网址、素材或配置交给它，先产出初版结果，再由人工确认和继续推进。

能做什么

• This skill should be used when writing or reviewing code for the甘草云HIS system (Spring Cloud microservices). Use this skill to ensure code adheres to module boundary rules and properly handles complex business logic that spans multiple modules. Trigger this skill when: (1) implementing new features that touch multiple services, (2) adding cross-module calls, (3) creating complex business workflows, or (4) reviewing code for architectural compliance.

安装方法

方式 1：对 OpenClaw 说（不用写代码）

适合：OpenClaw、Codex、Kimiclaw、Windsurf、Trae、华为 CodeArts。

直接对 OpenClaw 说：

帮我安装一个叫 界面设计 的 Skill。
如果安装时需要精确名字，就用 skills-coding-standards-checker。
装好以后，先用它帮我处理一遍当前任务。

如果需要手动安装，可以用这条命令：

clawhub install skills-coding-standards-checker

方式 2：导入 MD 安装

适合：腾讯Workbuddy、百度Duclaw、字节Arkclaw、智谱Autoclaw、科大讯飞Astronclaw。

1. 找到这条 Skill 自带的 Markdown 文件，通常就是它的 SKILL.md 或同名 .md 文件。
2. 把这个 Markdown 文件导入到你的产品里。
3. 导入完成后，直接对 AI 说：

用刚刚导入的界面设计，先帮我处理当前任务。

备注：这一种本质上是导入一个 Markdown 文件，给知道安装包里有 .md 文件的人即可。

方式 3：代码安装

适合：Claude Code、Cursor、通义灵码、文心快码。

这条 Skill 没有整理出稳定的命令行安装写法，建议优先用方式 1 或方式 2。

使用步骤

1. 先选上面 3 种方式里，自己最容易完成的一种。
2. 安装完成后，直接对 OpenClaw 说：“用界面设计帮我处理当前任务。” 先让它自己跑一遍就可以。
3. 如果你已经有明确文件、网址、目录或数据，再把它补给 OpenClaw，让它只处理这一部分。
4. 先看第一轮结果，再决定要不要追加条件、缩小范围或继续执行下一步。
5. 如果这条 Skill 确实好用，就把它保留在常用列表，后面重复任务直接复用。

你需要准备什么

• 与你当前任务相关的文件、网址、目录或数据。
• 页面类型、业务目标或改版需求。
• 品牌风格、参考站点或截图。
• 需要重点处理的页面、组件或设计约束。
• 如果这条 Skill 依赖外部服务，还要准备对应账号权限或可用凭证。

你会看到什么结果

• 页面风格建议或设计方向。
• 组件和布局层面的可执行建议。
• 便于继续落地的界面方案。

风险提示

• 涉及 API Key、Token 或其他凭证时，先确认保存方式和权限边界。
• 如果会修改外部系统、本地文件或线上环境，建议先在测试环境跑最小流程。
• 依赖外部服务时，网络波动、配额限制或接口变化都会影响结果。
• 涉及链上交易、资金动作或钱包权限时，先核对账户、网络和成本。

来源信息

• 公开页面地址: https://agentskillsrepo.com/skill/sdoq19/skills-coding-standards-checker
• SKILL.md 下载地址: https://agentskillsrepo.com/skill/sdoq19/skills-coding-standards-checker/download