界面设计

适用人群

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

技能介绍

分析 git diff 生成精炼的单行中文 Commit Message 并执行提交。当用户完成代码修改需要 commit，或 agent 完成功能实现/Bug 修复/重构后需要提交时使用。

阅读 diff，判定唯一前缀：。

业务背景和落地案例

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

能做什么

• 无变更 → 告知用户无需提交，终止流程。
• 有未合并冲突 → 告知用户解决冲突，终止流程。
• 有变更 → 继续。
• 已暂存 → git diff –cached。
• 未暂存 → git diff 查看后，git add -A 暂存，再 git diff –cached 确认。
• 有 untracked 文件 → 评估是否属于当前工作，属于则一并暂存。

安装方法

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

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

直接对 OpenClaw 说：

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

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

clawhub install skills-git-commit-writer

方式 2：导入 MD 安装

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

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

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

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

方式 3：代码安装

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

最短可用命令：

git status

如果要继续执行，可以再用：

git log --oneline -1
git branch --show-current

使用步骤

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

你需要准备什么

• 与你当前任务相关的文件、网址、目录或数据。
• 页面类型、业务目标或改版需求。
• 品牌风格、参考站点或截图。
• 需要重点处理的页面、组件或设计约束。

你会看到什么结果

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

风险提示

• 如果会修改外部系统、本地文件或线上环境，建议先在测试环境跑最小流程。

来源信息

• 公开页面地址: https://agentskillsrepo.com/skill/dongdong945/skills-git-commit-writer
• SKILL.md 下载地址: https://agentskillsrepo.com/skill/dongdong945/skills-git-commit-writer/download