
运营台后台管理套件v1.0.0
使用这个 Skill:制作网页/单页站/仪表盘。
5.010 次下载0 次喜欢0 次收藏
$4.99
购买这个 Skill 能获得什么?打造完整的后台管理控制台,包含导航、运营概览、可搜索的数据表、筛选和报告视图,并采用沉静的板岩风格。它帮助运营团队把复杂的营收、客户或流程数据变成适合日常决策和内部演示的实用工作台。
更新于 2026年8月31日
效果预览
运行于
生成模型
宿主 Agent 模型
相似 Skill
查看全部 Skills你将获得
- 一个完整可运行的 Next.js 15 后台系统:带工作区切换器与命令面板的侧边栏骨架、三块 Dashboard、用户与任务表格页、六页设置区、开发者页面、Auth 页面与错误页
- 锁定的 "opsdeck" 视觉系统——中性石板灰界面、高密度统计卡、sticky 面包屑 Header,基于 Tailwind CSS v4 的完整明暗双主题
- 基于 TanStack Table 的可用表格页面:搜索、分面筛选、列显隐、排序、行选择、行操作菜单、批量弹窗、导入 Drawer 与详情路由
- 虚构示例数据按 Zod schema 存放在各页面自己的 data 目录,可以单独把某张表接到你的真实 API,不影响其他页面
- 面向应用外壳的换品牌工作流,以及自动拦截 emoji 图标、失效资源路径和占位品牌残留的校验脚本
适合
- 你需要一套内部后台或运营控制台——用户目录、任务队列、账单设置——又不想从零做设计
- 你使用 React/Tailwind 技术栈,希望 Agent 能持续帮你换品牌、扩页面并在几十个界面之间保持一致
- 你要的是完整后台表面(含 Auth 页与错误页),而不只是一张 Dashboard 截图
不适合
- 不能使用 Next.js 或 React 的项目——可运行模板以 Next.js 为主,模式虽可移植,但代码是 React
- 期望自带后端的用户:所有页面都只带本地示例数据,不含数据库、认证服务或 API
- 需要面向客户的营销官网,或开箱即用的 CMS、多语言产品的团队
产品发布与应用增长数字出版物与网页展示制作网页/单页站/仪表盘Scaffold Web TemplateBuild Admin Dashboard风格锁定成果可编辑快速出成果Dense Data TablesLight Dark ParitySidebar ShellSlate NeutralStat Card GridNeutral Admin Surface
关于此 Skill

告诉这个 Skill 你的内部工具要管理什么,它会交付一套完整的 Next.js 15 后台控制台:可折叠侧边栏搭配工作区切换器与命令面板、三块带真实图表的 Dashboard、支持筛选排序与行选择的人员与工单表格、完整设置区、开发者页面,以及风格已经对齐的 Auth 页与错误页。

你会得到什么
- 一个可运行的 Next.js 15 项目:App Router、React 19、Tailwind CSS v4、TypeScript、TanStack Table 与 Recharts
- 锁定的 "opsdeck" 观感——中性石板灰界面、高密度统计卡、sticky 面包屑 Header 与常驻侧边栏骨架
- 可用的表格页面:搜索、分面筛选、列显隐、行操作、批量弹窗与详情路由
- 虚构示例数据按 Zod schema 存放在各页面自己的 data 目录,每张表都能单独接入你的 API
- 完整明暗双主题,外加拦截 emoji 图标、失效资源路径和占位品牌残留的校验脚本

怎么用
- 先解压
references/template.zip,再给出你的工作区名称和需要的页面,它会复制解压后的模板并完成外壳换品牌——导航树、品牌标记、元数据和当前登录用户。 - 本地用
npm run dev打开看效果,然后用大白话提需求——"把用户表改成骑手目录"、"加一块纠纷 Dashboard"。 - 准备好之后把每张表指向你自己的 API,或者让它把同一套模式移植进已有的 React、Vue、Svelte 或 Astro 应用。

模板里的所有姓名、邮箱、公司和数字都是虚构示例数据,你可以放心在任何场合演示这套控制台,真实记录仍留在它该在的地方。
开始前需要准备什么
- 你需要提供
- 产品或工作区名称,以及你需要的页面(Dashboard、目录页、设置区、开发者页面);可选提供 logo、品牌色、角色清单,以及每张表要承载的记录类型
- 依赖项
- Node.js 18+ and npm — required to run the Next.js template
- 最近实测
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









