ClaudeMap

Refactoring UI Skill

把《Refactoring UI》的具体设计规则变成 Claude Code skill——层级靠字重、深度靠光。

技能与命令designuiskillfrontend

这个 skill 把 Wathan & Schoger《Refactoring UI》里的机械规则编码进 Claude Code:间距、字体、颜色、阴影、圆角一律从固定 scale 里选,拒绝拍脑袋数值;「看起来不对」「显得廉价」这类模糊反馈会被翻译成具体改法。附带经过对比度校验的起始 token 集(tokens.css)与调色板、光影模拟参考文档。

代码仓库

s0xDk/refactoring-ui-skill

收录日期

地图上的相关资源

  • 163 个即用科研 skills(基因组学、化学、医学)加 100+ 科学数据库,兼容 Agent Skills 标准。

    • science
    • skills
    • bioinformatics
    • agent-skills
  • 为 Claude Code 打造的可组合技能框架,让代理能力大幅提升。

    • framework
    • skills
    • claude-code
  • 歸藏出品的「营造」skill——把建筑、街巷、食物照片转成艺术指导级编辑海报。

    • design
    • photography
    • skill
    • image