源自 GitHub前端UI组件库封装
提供从底层基础图元到复合业务区块的现代化 UI 组件架构规范。涵盖 WAI-ARIA 无障碍键盘导航与焦点管理、受控与非受控双轨状态实现、as-child 多态组合语法、设计令牌（Design Tokens）主题配置，以及将组件分发至 npm 或类 shadcn 注册表的完整交付指引。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“请使用 React 和 TypeScript 编写一个支持 asChild 属性的 Select 下拉选择器组件，要求完整处理键盘上下键导航与 ARIA 状态属性。”
“为当前设计系统实现一个同时支持 value 受控和 defaultValue 非受控模式的 Switch 开关组件，并包含焦点环指示样式。”
“按照 shadcn registry 的规范结构，打包并导出我们自定义的 Button 和 Modal 组件定义与依赖说明，以便团队通过 CLI 直接引入。”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
