jakubkrehel/skills

这是什么？

核心功能

• 01将无障碍、布局、文案、排版、配色和 UI 检查合并为一次综合审查。
• 02依据 WCAG 2.2 检查键盘操作、焦点、ARIA 和表单。
• 03生成色板、命名语义化 token 并检测对比度。
• 04基于 Figma 文件或设计图构建界面，复用项目已有的 token 和组件。
• 05在临时页面上渲染组件的各种状态，用于压力测试。

适用场景

• 合并前审查 PR 中是否引入界面回归问题。
• 审计现有应用的键盘导航和屏幕阅读器问题。
• 搭建带语义化 token 与对比度检查的配色系统。
• 将 Figma 设计稿转换为符合设计系统的代码。

快速上手

1. 1

   安装技能集合

   npx skills add jakubkrehel/skills
2. 2

   或添加 Claude Code 插件市场

   /plugin marketplace add jakubkrehel/skills
3. 3

   然后安装插件

   /plugin install interfaces@interfaces

使用前须知

• !这是一组 Markdown 格式的智能体技能，需要兼容的 AI 编程智能体才能使用。

标签

常见问题

skills 是什么？

一组面向 Agent 的技能集合，帮助构建更好的界面，涵盖无障碍、布局、排版、配色、文案与细节打磨。 这是一组 Agent 技能（skills），即可供 AI 编程助手加载的可复用指令包，用于改进界面相关工作。技能覆盖无障碍、布局、排版、配色、界面文案和 UI 细节打磨，每项既可单独使用，也可通过一个综合审查技能组合调用。

skills 可以免费使用吗？用的什么许可证？

skills 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

skills 还在维护吗？

活跃维护中。skills 最近一次提交是在 2026年10月13日。

skills 适合用来做什么？

合并前审查 PR 中是否引入界面回归问题。 审计现有应用的键盘导航和屏幕阅读器问题。 搭建带语义化 token 与对比度检查的配色系统。 将 Figma 设计稿转换为符合设计系统的代码。

skills 怎么安装和运行？

安装技能集合: npx skills add jakubkrehel/skills 或添加 Claude Code 插件市场: /plugin marketplace add jakubkrehel/skills 然后安装插件: /plugin install interfaces@interfaces

在哪里获取 skills？

源代码和安装说明在 GitHub 上：https://github.com/jakubkrehel/skills