Preview gallery
关于这个 Skill
以平静、近乎单色的风格构建产品级 SaaS 管理控制台，其中数据和状态保留颜色。一个细长的两组侧边栏，没有死链接，位于标题旁边，带有命令调色板、浅色和深色模式以及两个主题预设。七个工作视图涵盖概述、分析、财务、客户、拖放路线图板、月历和设置。示例产品是 Corvane，默认输出是一个可以脱机打开的独立文件。
Picked most often by
About this Skill
构建一个团队可以按原样采用的管理控制台：一个平静、近乎单色的外壳，其中保存数据的颜色，一个细长的侧边栏，其中每个项目都打开一个真实的视图，以及响应的图表和表格。示例是 Corvane，一种虚构的工作区分析产品。
What you get
- 七个视图：概述、分析、财务、客户、路线图板、日历和设置
- 包含每个项目路由的两组侧边栏、Ctrl 或 Cmd K 上的命令调色板以及石板色或橘色的浅色和深色模式
- 具有排序、过滤、搜索、分页、批量操作和撤消功能的表格，以及记录抽屉和对话框
- 拖放式路线图、带有议程的月历和可保存的设置表单
- 嵌入字体和肖像的一个文件，可在任何浏览器中离线打开
如何使用
- 分享您的产品名称、您关注的四个指标、您的团队以及您的桌子、卡片和活动的内容。
- 您的智能体会替换每个数字、行和事件，保持侧边栏简短并在两种模式下查看每个视图。
- 打开单个文件，尝试调色板，拖动卡片并以简单的文字询问更改。
单个文件无法执行的操作（例如导出或注销）会显示清晰的通知，而不是假装。
What you need before you start
- You bring
- 产品名称和四个重要的概述指标 · 您的团队（四到八人）以及您的桌子、董事会卡和日历活动的内容 · 可选：真实数字、货币和团队照片；否则将为您起草样本数据
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · Optional: an image generation tool in your agent for a new team portrait series (the shipped portraits can stand in)
- Outside costs
- 团队肖像可以免费重复使用八个已发货的替身。使用智能体自己的图像工具生成新的肖像系列可能会产生该工具的使用费。
- Last tested
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- Corvane 的完成示例控制台，一个虚构的工作区分析 SaaS：七个视图、48 个客户帐户、一个四栏路线图板、一个日历和设置。
- 真实交互：Ctrl/Cmd K 调色板、更新 KPI 和图表的日期范围、带过滤器的可排序表格、批量操作和撤消、记录抽屉、对话框和可拖动卡片。
- 您的控制台是一个离线文件，嵌入了 Geist 和 Geist Mono 以及八张替身团队肖像，以及您的智能体遵循的风格指南、视图库和清单。
Good fit
- 需要可靠的管理或后台控制台来进行演示、规范或投资者平台的创始人和产品经理。
- 想要一个具有一致令牌（作为一个文件或在自己的堆栈中）的控制台支架的开发人员。
- 团队厌倦了臃肿的侧边栏，希望分成两组，五到八个项目，并且每个项目都能工作。
Not for
- 生产后端：每个视图都在文件内的示例数据上运行，没有 API、身份验证或数据库。
- 营销网站或登陆页面；这是一个应用程序外壳，而不是促销页面。
- 取代外观的定制品牌系统；近乎单色的风格是固定的，有板岩和橘子预设。
产品发布和应用程序增长网页设计和数字体验建立网站页面构建管理仪表板Style-lockedEditable Output快速周转极简主义数据密集单色中性控制台语法
User reviews
Loading reviews…
