源自 GitHub前端 UI 风格
按固定视觉规范统一页面、组件与状态展示的观感。内容覆盖核心原则、真相源与冲突处理、修改前必须读取等环节。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
确定前端 UI 风格要求：说明用途、尺寸、受众、风格和必须出现的信息。
02
产出前端 UI 风格方案：给出方案、关键参数和不同尺寸下的处理。
03
检查视觉成品：核对构图、文字、清晰度和留白，以及不同尺寸下的显示效果。
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“我要做前端 UI 风格，请先告诉我需要提供哪些材料。”
“根据我提供的资料完成前端 UI 风格，结果请写得具体、可以直接使用。”
“检查这份前端 UI 风格结果，指出错误、遗漏和下一步要做的事情。”
适用人群
适合谁？
上手门槛
使用难度
入门
无需编程基础。会和 AI 对话就能使用。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
