纯指令式 skill：让 agent 先调研再提问、先规划再动手、先验证再说「做完了」。
- workflow
- verification
- quality
- skill
Refactoring UI Skill
把《Refactoring UI》的具体设计规则变成 Claude Code skill——层级靠字重、深度靠光。
这个 skill 把 Wathan & Schoger《Refactoring UI》里的机械规则编码进 Claude Code：间距、字体、颜色、阴影、圆角一律从固定 scale 里选，拒绝拍脑袋数值；「看起来不对」「显得廉价」这类模糊反馈会被翻译成具体改法。附带经过对比度校验的起始 token 集（tokens.css）与调色板、光影模拟参考文档。
它做什么
- 把书里的机械决定编码成规则：间距、字号、字重、颜色、阴影、圆角一律从固定 scale 里选，拒绝拍脑袋数值
- 层级靠字重与颜色，而不是堆字号；深度靠模拟光影
- references/diagnose.md 是一张「症状 → 改法」表，把「看起来不对」「显得廉价」这类模糊反馈翻译成具体修法
- 附带 assets/tokens.css——完整、经过对比度校验的起始 token 集——以及调色板构建与光影模拟参考文档
什么时候用
构建或重构 UI 时给 Claude 加上审美护栏；或指着「看起来很业余」的界面，拿到基于规则的改法而不是泛泛建议。对团队友好：把 skill 提交进 .claude/skills/，每个人的 Claude 都用同一套规则。
如何上手
# 个人 skill（所有项目可用）——目录名必须与 skill 声明的名字一致 git clone https://github.com/s0xDk/refactoring-ui-skill.git ~/.claude/skills/refactoring-ui # 或项目 skill，提交进仓库与团队共享 git clone https://github.com/s0xDk/refactoring-ui-skill.git .claude/skills/refactoring-ui # 安装后重启 Claude Code（或开新会话）。显式调用：/refactoring-ui make this dashboard look less amateur
注意事项
不包含书本身——规则是从书的概念衍生的原创笔记与 CSS，完整推理还是要买书。MIT 只覆盖仓库内容，不及于书。
收录日期
地图上的相关资源
归藏的 Agent Skill：把代码库的最近更新做成一支成片宣传片——接真实组件、代码渲染动画、代码写配乐，全程不碰视频剪辑软件。
- agent-skill
- video
- promo
- marketing
一个给「图里没有任何文字线索」的照片做地理定位的 Agent Skill——用 OSM 几何、高程天际线与卫星瓦片，把「这是哪」变成带误差半径的测量答案。
- agent-skill
- geolocation
- osint
- openstreetmap