源自 GitHubshadcn/ui 页面开发
使用 shadcn/ui 与 Tailwind CSS 编写一致、可复用的 React 界面。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
说清shadcn/ui 页面开发的要求：说明用途、受众、风格和必须包含的信息。
02
完成shadcn/ui 页面开发：按你给的要求产出结果，并说明做了哪些取舍。
03
检查成稿：核对准确性、完整性和格式，输出可以直接使用的版本。
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“我要做shadcn/ui 页面开发，请先告诉我需要提供哪些材料。”
“根据我提供的资料完成shadcn/ui 页面开发，结果请写得具体、可以直接使用。”
“检查这份shadcn/ui 页面开发结果，指出错误、遗漏和下一步要做的事情。”
适用人群
适合谁？
上手门槛
使用难度
入门
无需编程基础。会和 AI 对话就能使用。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
