源自 GitHub数据看板原型设计
该能力专为后台系统界面与数据可视化原型设计打造。基于给定的业务监控主题（如电商销售、SaaS运营、IT运维等）以及设计规范文件（DESIGN.md），生成结构严谨、视觉规范的单文件HTML原型。原型布局采用标准管理后台结构：固定左侧菜单栏、全局顶部操作栏、第一行多维KPI卡片、第二行基于原生SVG绘制的趋势或柱状图表、第三行明细数据表。无需外部JS图表库支持即可在浏览器中独立渲染和预览。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“请为跨境电商SaaS平台生成一个管理后台页面，包含本月GMV、退款率等KPI卡片，以及各站点销售对比的SVG柱状图。”
“根据当前的设计规范，制作一个云服务器集群的运维监控看板，包含节点健康度、流量趋势图和近期待处理告警表格。”
“生成一个内容创作者后台主控面板，左侧带发布与数据分析菜单，主体展示粉丝增长折线图与近期爆款文章明细。”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
