
效果预览
相似 Skill
查看全部 Skills你将获得
- 一个自包含控制台文件,字体和头像已内嵌,任何浏览器打开、离线可用;已有项目时则在你的技术栈里实现。
- 六个可用视图:手绘图表、日期范围切换、带可撤销批量操作的客户表、详情抽屉、命令面板和可拖拽看板。
- 浅色与深色主题、带底部标签栏和卡片式表格的手机布局,以及十张可作替身的通用团队头像。
适合
- 需要一个可信的收入与客户控制台来做复盘和日常运营的 SaaS 团队。
- 能把营销活动改成促销、把工作流改成履约的零售和订阅业务。
- 能把收入改成工单、把客户改成站点的客服或外勤团队。
不适合
- 接入实时数据库、计费或邮件;提醒、邀请和导出只在页面内给出反馈。
- 营销页或落地页;这个 Skill 做的是应用控制台,不是对外网站。
- 想要留白多、轻盈或插画风格的团队;这个控制台刻意做得紧凑、以数据为先。
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘Scaffold Web TemplateBuild Admin Dashboard风格锁定成果可编辑Admin DashboardDense Data UiModular PanelsBlue AccentCool Slate
关于此 Skill

Orbit Admin Dashboard 用来搭建一个能真正操作的运营控制台,覆盖收入、客户、营销活动和团队工作流:冷灰蓝基调上的高密度模块化面板,只用一种运营蓝作强调色,并配有完整的深色主题。示例是虚构产品 Orbit Ops,展示的是 Larderly 的工作区,这是一家为餐饮和酒店集团提供采购软件的公司。

你将获得
- 一个自包含的控制台文件,字体和头像都已内嵌,任何浏览器直接打开,离线也能用。如果你已有项目,则在你自己的技术栈里实现同样的控制台。
- 六个都能使用的视图:Overview、Revenue、Customers、Campaigns、Workflows 和 Settings,另有 404 视图。
- 手绘图表会随 7 天、30 天、90 天、12 个月的切换重新计算,带悬浮提示和表格视图。
- 客户表支持排序、搜索、筛选、分页、可撤销的批量操作和详情抽屉;另有命令面板、可拖拽的任务看板、营销活动开关,以及会追踪未保存修改的设置页。
- 完整的深色主题,手机上使用底部标签栏和卡片式表格,动效支持减少动态设置。

如何使用
- 描述你的商业模式、四个核心指标、需要表格展示的数据、团队和工作流阶段,或直接提供数据。缺少的数值会先写成明确标注为虚构的示例数据,并列出请你确认。
- 告诉 Agent 哪些视图要改名、合并或删除,例如把 Campaigns 改成 Promotions,或把 Revenue 改成 Tickets。
- 在桌面和手机上分别用浅色、深色主题打开每个视图,试一遍抽屉、命令面板、看板和表单,再提出修改。

字体为 Instrument Sans 与 IBM Plex Mono,已内嵌进文件。控制台里唯一的图片是团队头像,包里附带十张通用的影棚头像。
开始前需要准备什么
- 你需要提供
- 你的商业模式和关注的四个核心指标 · 需要表格展示的数据、你的团队和工作流阶段 · 你的数据,或允许使用明确标注的虚构示例数据并由你确认
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · 可选:Agent 自带的图像工具,仅在团队超过十人、需要更多头像时使用
- 外部成本
- 通常没有:包里附带十张通用头像,控制台也不需要其他图片。团队超过十人时,额外头像会由你的 Agent 自带的图像工具生成,可能产生使用费。
- 最近实测
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









