源自 GitHub极简排版风格网页界面构建
该能力专为追求顶级工作台与数字出版物质感的前端项目设计。它严格遵循暖调单色（Warm Monochrome）、衬线与无衬线强对比排版、超轻量 1px 细边框、便当盒（Bento Grid）网格及低饱和度柔和点缀色的设计规范。在生成 React、Tailwind 或 HTML 界面代码时，自动剔除滥大街的圆角胶囊块、大面积饱和纯色、重投影与大模型套话文案，输出兼具微交互动效与克制留白的极简前端界面。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“请用 Tailwind CSS 为一款 Markdown 写作软件构建一个 Hero 区块和 Bento Grid 功能特性网格，遵循 Lyon Text 衬线标题搭配 Geist Sans 正文的极简排版规范。”
“为我的设计系统生成一组符合此规范的 FAQ 手风琴折叠面板与快捷键 <kbd> 标签组件，要求去除重阴影和边框盒，仅使用细底边线与纯文字排版。”
“用 React 和 Tailwind 写一个暖灰底色（#F7F6F3）的软件定价卡片组，包含淡蓝色标签、12px 圆角及进入视口时的平滑淡入动效。”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
