skills README

The project's README from github.com/jakubkrehel/skills. As one markdown file: README.md.

interfaces.dev

skills.sh

A collection of agent skills that cover UI, typography, colors, accessibility, layout, product writing and help you build a great interface.

These skills are contain topics that I write about on my personal website and my design engineering magazine, Interfaces.

Skills that help build great interfaces

Install

npx skills add jakubkrehel/skills

Claude Code plugin

/plugin marketplace add jakubkrehel/skills
/plugin install interfaces@interfaces

skills (jakubkrehel/skills)

Searching Database…

这是什么?一套面向 Claude Code 的智能体技能合集,帮你打造更好的界面,涵盖 UI、字体排印、配色、无障碍、布局和产品文案。
这是代码库还是别的东西?它不是导入代码的库——而是一组 markdown 技能文件,以 Claude Code 插件的形式运行,为智能体注入界面设计领域的知识。
怎么把这些技能加到我的项目里?把该仓库作为 Claude Code 插件安装,之后各个技能(比如 better-ui、better-typography、interface-review)就对智能体可用了。
除了 Claude Code,用它们还需要别的东西吗?README 只提到 Claude Code 作为安装目标,所以这些技能是专为在 Claude Code 内运行而构建的,没有列出其他依赖。
这些技能都会自动运行,还是有些需要手动触发?大多数技能(如 better-ui 或 better-colors)会在审查过程中自动应用,但少数几个——interface-review、explain-interface、break 和 variant——被明确标记为需用户调用,也就是说你得自己调用它们。
better-interface 技能是做什么的?它把所有单独的 better- 系列技能(UI、字体排印、配色、无障碍、布局、文案)合并为对你界面的一次综合审查。
break 技能是做什么的?它把你选定的组件放到一个临时页面上,以所有状态和场景渲染出来并做压力测试,非常适合用来发现边缘情况。
variant 和 break 有什么区别?variant 会为你正在开发的组件构建多个备选版本,帮你迭代设计;break 则是对一个现有组件的全部状态做压力测试。
作者为什么要做这套技能合集?这些技能把作者经常在个人网站和设计工程杂志《Interfaces》上撰写的主题打包了起来。
Size
0.7 MB
Stars
8K
Updated
CommitOct 13
Age
3mo
Commits · 90 Days