jakubkrehel

#AI编程 #UI设计 #UX设计 #ClaudeCode #前端开发 #界面设计 #开源项目 jakubkrehel/skills 是一套专门给 **AI Agent 补充 UI/UX 设计能力**的 Agent Skills 技能包。它在 AI 能写前端代码的基础上，进一步关注**界面是否好看、细节是否合理，以及产品体验是否完整**，把界面设计中常见的排版、颜色、布局、微交互、无障碍和 UX 文案等规范整理成 Agent 可以直接使用的技能。 经常使用 AI 写网页、做产品原型或者修改现有前端项目的用户，可以把这套 Skills 作为一层**设计审美与界面质量约束**。它能指导 Agent 从零制作界面，也可以对已经完成或刚刚修改过的 UI 进行 Review，找出视觉和体验方面的问题。 ## 软件功能 **better-ui：** 主要处理 UI 视觉细节，包括**圆角、阴影、微交互**等容易影响界面质感的设计元素，减少 AI 随意堆叠视觉效果的问题。 **better-typography：** 针对**字体与排版**进行优化，让 Agent 更合理地处理字号、层级、文字布局以及阅读体验，避免界面出现明显的排版失衡。 **better-colors：** 提供颜色设计相关能力，并围绕 **OKLCH** 等现代颜色方案帮助 Agent 建立更加合理的配色体系。 **better-accessibility：** 强化界面的**无障碍设计**，让 Agent 在关注视觉效果的同时，也考虑可访问性以及不同用户的实际使用体验。 **better-layout：** 针对页面的**布局与结构**进行优化，帮助 Agent 更合理地组织页面区域、内容层级以及组件之间的空间关系。 **better-writing：** 专门处理 **UX 文案**，用于改善按钮、提示、状态信息以及界面中的其他文字，让产品文案更加清晰、自然，并符合实际交互场景。 **better-interface：** 从更加完整的界面维度提供设计指导，将不同 UI 细节组合起来，帮助 Agent 输出**整体更加协调的产品界面**。 **interface-review：** 提供界面 Review 能力，可以对现有界面或者刚完成的修改进行**设计审查**。除了判断代码能否正常运行，还会检查 UI、交互和视觉细节。 **支持 Claude Code：** 可以作为 Claude Code 插件相关工作流的一部分使用，让 AI 编程 Agent 在开发前端界面的同时获得额外的设计规范与技能支持。 **支持 skills CLI：** 可以通过命令行快速添加整套技能，安装命令如下： `npx skills add jakubkrehel/skills` 经常使用 AI Agent 直接完成前端开发的人，可以用这套项目让 AI Agent 在完成界面的基础上，进一步做出像认真设计过的产品，尤其适合网站、Web App、SaaS 产品以及各种 AI Coding 项目的 UI 打磨。 ## 下载地址 GitHub：[https://github.com/jakubkrehel/skills](https://github.com/jakubkrehel/skills) 安装命令：`npx skills add jakubkrehel/skills`