源自 GitHubUI与UX设计规范生成
UI与UX设计规范生成是一个面向前端工程师与界面设计师的专业设计智能指引模块。内置包含50多种主流界面风格、近两百套产品配色方案与决策逻辑、74组字体搭配、119条无障碍与交互准则，以及覆盖React、Next.js、Vue、Flutter、SwiftUI等22种技术栈的实现规则。当用户需要新建项目页面、重构组件、设定排版配色或修复移动端与无障碍体验缺陷时，该技能可通过本地检索脚本自动匹配最适宜的设计系统，并输出规范文档或针对性代码建议。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“为一款健康理财SaaS仪表盘生成一套深色模式的高信息密度设计系统规范”
“检查移动端抽屉导航栏的无障碍规范与触摸热区标准，要求兼容Flutter”
“推荐一组适合极简风作品集网站的Google字体搭配与GSAP滚动出场动效预设”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
