源自 GitHub婚恋社区仪表盘原型设计
该 Skill 专用于生成消费级婚恋与社交社区的桌面端仪表盘界面原型。它摒弃了左右滑动卡片等轻浮套路，转而采用类似报刊专栏的典雅排版风格。界面布局包含顶部社区动态跑马灯、左侧功能导航栏、大字衬线核心 KPI 数据卡片、30天共同好友/双向匹配柱状图以及匹配率演变趋势模块。Skill 输出具备内联 CSS 与 SVG 图表的单文件 HTML 原型，适合用于高端相亲、小众社交圈子或知识型社群的早期产品概念展示与界面评审。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“为专注文学读者的约会网站生成一个桌面端每日摘要仪表盘原型，包含互相标记阅读偏好的统计柱状图和幽默的专栏文案”
“设计一款名为'mutuals'的推特熟人社交相亲主页，包含顶部动态条、260px侧边栏、3x3指标网格以及近30天双向匹配柱状图”
“为精英校友婚恋圈制作单页数据大屏，采用米白色底色、衬线数字和克制的单重音色，突出匹配率趋势模块”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
