源自 GitHub品牌设计规范UI代码生成
用于解决AI生成界面千篇一律、缺乏设计系统规范的问题。用户只需指定Apple、Stripe、Notion等62个知名品牌名称及组件需求，系统会自动调用getdesign获取并解析对应品牌的配色、字阶、间距与阴影等设计Token，严格按照数值生成单文件HTML、React或Vue代码，亦支持多品牌风格混搭。运行环境需预装Node.js以执行npx指令。
常见场景
它能帮你做什么？
01
大厂风格原型搭建：为新项目快速生成具有苹果或Stripe质感的首屏Hero区块或登录页面。
02
多品牌风格混搭定制：融合Notion的温暖配色排版与Linear的极简布局，定制特色产品展示卡片。
03
设计规范代码落地：依据知名开源工具规范提取精确CSS阴影、圆角和字间距，避免AI随意发挥。
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“用 Stripe 风格帮我写一个双栏定价页的 React 组件”
“参考 Apple 风格制作一个全宽 Hero 区块，包含主副标题和主操作按钮”
“使用 Notion 的暖色调加上 Linear 的极简卡片排版，生成团队介绍卡片”
适用人群
适合谁？
上手门槛
使用难度
简单
不需要写代码，照着示例说清楚需求即可。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
