技能包

Interface Design:给仪表盘与后台建立可记住的界面规则

适合把仪表盘、应用、工具或管理后台做成可跨会话维持的界面系统,前提是任务不是营销站点,并先确认技能与编码代理共享同一权限。

官方来源 · Interface Design

安装

npx skills add https://github.com/dammyjay93/interface-design --skill interface-design

适合谁

当你要把仪表盘、内部应用、工具或管理后台做成一套可重复执行的界面系统,而不是做营销落地页时,再用这个技能。它要求先想清楚界面意图,再让后续会话仍按同一套规则推进,而不是每次重新发挥。

官方说明把范围写得很窄:面向 interface design,具体是 dashboards、apps、tools、admin panels,并写明不是营销站点。任务若是宣传页、品牌官网、活动页或销售落地页,不要把它当作主路径。

另一条前置条件是权限。说明写明技能与编码代理使用同一套权限,因此安装后、真正改界面之前,先打开技能文件把允许它做的事看完。证据没有列出除 Claude Code 以外的客户端名称,也没有把「相关时自动唤起」写成全平台能力;没写到的环境,就不要默认已经可用。

3 分钟完成第一次尝试

官方页面只认这一处:

https://github.com/dammyjay93/interface-design

推荐安装路径也只有这一条。先核对仓库地址,确认你要装的就是这个技能,再在本机终端执行:

npx skills add https://github.com/dammyjay93/interface-design --skill interface-design

命令的副作用是把核心技能装到 ~/.claude/skills/interface-design。执行后先打开该目录,看到技能文件已落地,再进入对话。目录不在或命令失败时停下,不要改用官方说明里没出现的安装器或目录。

在 Claude Code 里用 /interface-design 显式唤起。第一次只做核对、不做落盘:选一个已有的后台或仪表盘页面,请它说明这套界面应坚持的结构与组件规则,以及哪些决策现在还不该写入文件。不要让它修改业务代码,也不要让它创建 .interface-design/system.md。

可观察的成功信号有两处:对话里出现针对仪表盘或后台(而不是营销页)的规则表述;同时 ~/.claude/skills/interface-design 里能打开刚才装上的技能文件。任一处对不上,就停在安装与唤起,不要进入写文件。

使用案例

案例一:给现有管理后台对齐界面意图。打开真实的 admin panel、内部工具或仪表盘,用 /interface-design 请它按「有意图地搭建界面」检查当前结构——哪些区块应保持系统一致性,哪些不该按营销站的叙事来排。这个案例只覆盖 dashboards、apps、tools、admin panels;说明没有演示从零生成整站,也没有给出营销页改写步骤。

案例二:把已经谈妥的界面决策留下来,供下次会话接着用。先在对话里列出要记住的几条规则,你确认可以落盘之后,再让技能写入 .interface-design/system.md。写完立刻打开该文件,核对比得上刚才那几条。之后再次运行技能时,应能重新加载这些决策。说明只写到保存到 .interface-design/system.md 并在技能运行时 reload;没有说明多仓库共享、冲突合并或自动覆盖,缺了的部分就停在你能打开核对的那一个文件。

使用边界

不要用它做营销站点。官方句子把「Not for marketing sites」写在适用范围后面,这是硬边界,不是风格建议。

技能与编码代理权限相同,使用前先阅读已安装技能本身;不要在没看过文件的情况下,让它改仓库或写记忆文件。

安装与唤起只写到 npx skills add、~/.claude/skills/interface-design、Claude Code 的自动唤起以及 /interface-design。不要补写其他市场、其他目录、未出现的客户端,或把这一条命令套到说明里没点名的平台。

记忆能力只写到 .interface-design/system.md 的保存与再次加载。不要假设还有第二套存储、团队同步或跨项目继承。

说明没有给出语言范围、价格或除 Claude Code 以外的官方客户端名单。缺依据的项目保持未知,不要补写操作。