跳转到主内容
返回 Skill 雷达
前端

ui-skills

前端约束集:一套持续进化的「观点鲜明」的规则,引导 Agent 构建界面时避开模板味——和 taste-skill 同源问题,解法更轻。

来源:github.com/ibelick/ui-skills

star 等数据核实于 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」。以下示例均为可直接粘贴的第一条消息。

  1. 写新页面时点名调用,第一条消息可直接粘贴

    使用 ui-skills 为我的开源项目写一个落地页:避开模板味,克制、信息密度优先。
  2. 常驻或点名均可;与 taste-skill 一样,规则文件可直接编辑——把不合你口味的条目删掉即可

注意事项与建议

  • 和 design-taste-frontend 二选一,别都装:方向型规则常驻太多会互相干扰、输出不稳定
  • 规则集在持续演化,关注仓库更新节奏,定期同步新版

相关条目

  • design-taste-frontend

    重方案 ↔ 轻方案二选一——先装本条,觉得不够再上 taste-skill 全套设计体系