ui-skills
前端约束集:一套持续进化的「观点鲜明」的规则,引导 Agent 构建界面时避开模板味——和 taste-skill 同源问题,解法更轻。
来源:github.com/ibelick/ui-skillsstar 等数据核实于 2026-10-07
推荐理由
9.4k★(MIT)。design-taste-frontend(93.4k★ 仓库)是重方案:约 900 行规则 + 三旋钮体系;ui-skills 是轻量替代:不想要完整设计体系、只要一套「别写成 AI 味」的约束时选它。先装这个,觉得不够再上 taste-skill。
安装
npx skills add ibelick/ui-skills使用步骤
触发方式有三种:Claude Code 等客户端把 skill 挂进斜杠菜单,输入/ui-skills直接调用;与任务相关时 Agent 会按语义自动加载;任何客户端都可在消息里点名「使用ui-skills skill」。以下示例均为可直接粘贴的第一条消息。
写新页面时点名调用,第一条消息可直接粘贴
使用 ui-skills 为我的开源项目写一个落地页:避开模板味,克制、信息密度优先。常驻或点名均可;与 taste-skill 一样,规则文件可直接编辑——把不合你口味的条目删掉即可
注意事项与建议
- 和 design-taste-frontend 二选一,别都装:方向型规则常驻太多会互相干扰、输出不稳定
- 规则集在持续演化,关注仓库更新节奏,定期同步新版
相关条目
- design-taste-frontend
重方案 ↔ 轻方案二选一——先装本条,觉得不够再上 taste-skill 全套设计体系