Stats
Actions
Tags
From claude-code-starter
Generates responsive admin dashboards with collapsible sidebars, topbars, stats cards/charts, searchable/paginated data tables, and CRUD forms. Prompts for data type (users/orders), pages, tech stack (HTML+Chart.js or React).
How this skill is triggered — by the user, by Claude, or both
Slash command
/claude-code-starter:dashboard-adminThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
帮用户快速生成一个功能完整的管理后台界面。
帮用户快速生成一个功能完整的管理后台界面。
依次提问（每次一个）：
问题 1：管理什么数据
这个后台用来管理什么？比如用户、订单、文章、产品。
问题 2：需要哪些页面
除了数据管理，还需要什么？
- 数据概览（Dashboard 首页，带统计卡片和图表）
- 数据表格（增删改查）
- 表单页面（新增/编辑） 默认全部包含，有不需要的告诉我。
问题 3：技术栈
检查项目已有的前端框架。如果是新项目，推荐纯 HTML + Chart.js（最简单）或 React。
生成完整的后台界面：
技术要求：
后台已生成，打开浏览器预览。 需要调整布局、加页面、或者连接真实数据吗？
完成后提示：
用 /api 生成后端接口，用 /database 连接数据库，让后台管理真实数据。
npx claudepluginhub lightpointventures/claude-code-starterBuilds and refines admin dashboards, back-office consoles, and management UIs with strong visual hierarchy and reusable composition across frameworks.
Builds internal dashboards with data tables, sorting, filtering, pagination, row actions, bulk operations, detail views, and CRUD. Use for admin panels, back offices, or data UIs.
Build an internal dashboard with data tables, filters, detail views, and CRUD. Use when asked to build an "admin panel", "internal dashboard", "back office", or "data dashboard UI".