效果预览
相似 Skill
查看全部 Skills
你将获得
- 完整的 Corvane 示例后台（一款虚构的工作空间分析 SaaS）：七个视图、48 个客户账户、四列路线图看板、日历和设置。
- 真实交互：Ctrl/Cmd K 命令面板、联动 KPI 和图表的时间范围、可排序筛选并支持批量操作和撤销的表格、详情抽屉、对话框和可拖拽卡片。
- 你的后台以单个离线文件交付，内嵌 Geist 和 Geist Mono 字体及八张替身团队头像；另附风格指南、视图库和质检清单。
适合
- 需要为演示、需求文档或融资材料准备可信的管理后台或后台系统的创始人和产品经理。
- 想要一套令牌统一的后台脚手架、可以是单文件也可以放进自己技术栈的开发者。
- 受够臃肿侧栏、想要两个分组、五到八项且每一项都能用的团队。
不适合
- 生产环境后端：每个视图都运行在文件内的示例数据上，没有 API、登录鉴权或数据库。
- 营销网站或落地页；这是应用外壳，不是推广页面。
- 要替换整体外观的定制品牌系统；近乎单色的风格是固定的，只有 slate 和 tangerine 两套预设。
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘Build Admin Dashboard风格锁定成果可编辑快速出成果MinimalistData DenseMonochrome NeutralConsole Grammar
关于此 Skill
打造一个团队拿来就能用的管理后台：沉静、近乎单色的外壳把颜色留给数据，精简侧栏的每一项都能打开真实视图，图表和表格都能交互。示例是虚构的工作空间分析产品 Corvane。
你将获得
- 七个视图：总览、分析、财务、客户、路线图看板、日历和设置
- 双分组侧栏且每项都有路由，Ctrl 或 Cmd K 打开命令面板，slate 与 tangerine 两套预设均支持浅色和深色模式
- 支持排序、筛选、搜索、分页、批量操作和撤销的表格，以及详情抽屉和对话框
- 可拖拽的路线图、带日程列表的月历，以及可保存的设置表单
- 字体和头像均已嵌入的单个文件，任何浏览器都能离线打开
如何使用
- 提供产品名称、你关注的四个指标、团队成员，以及表格、卡片和日程里放什么。
- Agent 替换所有数字、行和事件，保持侧栏精简，并在两种模式下逐个检查视图。
- 打开交付的单个文件，试试命令面板、拖动一张卡片，用日常语言提出修改。
单文件无法真正执行的操作（如导出或退出登录）会给出明确提示，而不是假装完成。
开始前需要准备什么
- 你需要提供
- 产品名称和最重要的四个总览指标 · 你的团队（四到八人），以及表格、看板卡片和日历事件里的内容 · 可选：真实数据、币种和团队照片；没有的话会为你起草示例数据
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本，用来运行随附脚本，生成单个离线网页文件 · 生成文件时需要联网，字体只下载一次并嵌入文件 · 可选：Agent 中的图像生成工具，用于生成新的团队头像（附带的头像可作替身）
- 外部成本
- 团队头像可直接复用附带的八张替身，无需费用。用 Agent 自带的图像工具生成新头像可能产生该工具的使用费用。
- 最近实测
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…