技能包

用 better-interface 一次检查界面相关技能

适合要从界面、字体、颜色、无障碍、布局和产品文案改进界面的人,前提是先装官方 npx skills add;第一次先核对 better-interface,不要先跑会写临时页的 break。

官方来源 · jakubkrehel/skills

安装

npx skills add jakubkrehel/skills

适合谁

你要让代理从界面、字体、颜色、无障碍、布局和产品文案入手,帮你做出更好的界面时,用这组技能。源文把它写成覆盖这些主题的 agent skills 集合。官方仓库是

https://github.com/jakubkrehel/skills

其中 better-interface 会把所有 better-* 技能合并成一次 review。说明见

https://github.com/jakubkrehel/skills/blob/main/skills/better-interface/SKILL.md

还没有准备在本机执行官方安装时,先不要继续。源文没有把集合里的每一项都写成可复制命令,不要自行补未点名的技能名。斜杠形式的 marketplace 与 install 出现过,但没有点名客户端,不要给它们加上产品名,也不要当成第一条主路径。

3 分钟完成第一次尝试

先打开官方仓库核对:

https://github.com/jakubkrehel/skills

推荐安装只有这一条。装技能会往本机写入文件,执行前确认你要留下这组界面技能:

npx skills add jakubkrehel/skills

成功信号是这条命令正常结束。源文没有写技能落盘目录,不要自行补路径。源文另外写过 /plugin marketplace add jakubkrehel/skills 和 /plugin install interfaces@interfaces,第一次不要并列使用,也不要写成某客户端专用。

第一次在代理里只做核对,不要先让它写临时页。请代理说明:这组技能覆盖界面、字体、颜色、无障碍、布局和产品文案,并且 better-interface 会把 better-* 合并成一次 review。观察点是它能复述覆盖范围,并且还没有创建页面、也没有开始压力测试。

break 是用户调用的:把你选的组件在每种状态和场景里渲染到临时页并做压力测试。说明见

https://github.com/jakubkrehel/skills/blob/main/skills/break/SKILL.md

这会写临时页,属于副作用。第一次不要跑 break。只有当你指定一个可丢弃的组件、并确认可以生成临时页时再考虑。源文没有给出组件路径样例,不要编造。

使用案例

案例一:先按官方 npx 路径安装,再核对覆盖范围。确认你接受写入技能文件后,运行 npx skills add jakubkrehel/skills。适合只想把界面技能接到代理、还不准备改页面的人。成功信号是安装结束,并且代理能说出界面、字体、颜色、无障碍、布局和产品文案,以及 better-interface 的合并 review。若安装失败,停下,不要改用斜杠插件命令。

案例二:先读懂 break,再决定要不要调用。装好后,让代理复述 break:由用户调用,把所选组件在每种状态和场景渲染到临时页并做压力测试。适合担心代理会直接写页的人。成功信号是它承认这是用户调用、会生成临时页,并且这一次没有真的渲染。真正调用前,确认目标组件可以丢弃,并接受临时页写入。源文没有写如何关闭临时页,不要编造清理命令。也不要发明未出现在摘录里的其他工作流名称。

使用边界

主路径只有 npx skills add jakubkrehel/skills。斜杠 marketplace 与 install 不是第一次尝试的主路径,也没有被写成某客户端专用。能力覆盖界面、字体、颜色、无障碍、布局和产品文案。better-interface 把 better-* 合并成一次 review。break 会写临时页并做压力测试,必须由用户调用。

源文没有写技能目录、卸载步骤,也没有列出全部 better-* 名称。没有写到的技能名、客户端名和清理命令,不要补全。第一次成功只看安装结束和代理能复述覆盖范围;真正做 break 之前必须先确认临时页可以丢弃。这是帮你构建更好界面的技能集合,不是另一套安装器市场。 若代理主动跑 break,先停下来改成只读复述。 源文只点名了 better-interface 与 break 两份说明,其他 better-* 不要自行补文件名。 第一次也不要把斜杠 install 的 interfaces@interfaces 当成第二条主路径。 只想单独改文案或单独调颜色、并不需要整组界面技能的人,也可以先读仓库,但不必要立刻安装。 源文把目标写成帮你构建更好的界面,第一次仍以只读复述为准。 better-interface 的说明页和 break 的说明页都在官方仓库里,地址必须保持原样,不要改写成其他路径。 若代理开始改正式页面上的多个组件,先停下来,回到可丢弃的单组件,或继续只做说明。 证据没有写卸载或更新命令,不要自行补第二条安装器。