Project-local Claude Code skill bundled with a frontend application starter · Version 1.0.0 public project with active repository metadata; maturity claims are not independently verified.

shadcndashboard/shadcndashboard

MIT-licensed React 19 and Vite admin-dashboard starter that includes a project-local Claude Code Agent Skill encoding repository-specific conventions for pages, routes, mock APIs, tables, forms, charts, icons, theming, builds, and linting.

frontend developmentadmin dashboardsReact applicationsUI engineeringdata visualizationmock API developmentdeveloper guidance
Routing score
80.0
Readiness
Usable as a client-side dashboard starter and repository-specific coding guide, with production readiness dependent on replacing mocked data and validating the application.
License
MIT
Maintenance
active
Components
20
Revision
0

Selection

Select when

  • You want a React 19 and Vite client-side admin-dashboard starter.
  • You want Claude Code to receive project-local guidance automatically from .claude/skills.
  • You need dashboard, authentication, blog, notes, tickets, profile, form, table, or chart examples.
  • You are prototyping features against static mock data and MSW rather than a backend.
  • You prefer Tailwind CSS v4 with shadcn-style Base UI primitives.
  • You need TanStack Table, Recharts, TipTap, SWR, or React Router examples.
  • You can use npm and the repository's TypeScript and ESLint workflow.
  • You plan to replace or extend the mock data layer for your application.

Boundaries

Avoid when

  • You need a backend, server actions, API routes, or persistent storage out of the box.
  • You need a general-purpose Claude Code skill independent of this repository.
  • You require an installable Claude Code marketplace plugin.
  • You need MCP tools, external-service automation, or agent orchestration.
  • You require a demonstrated automated test suite before adoption.
  • You cannot use the documented npm and Vite toolchain.
  • You need Next.js; the README points to a separate repository for that version.
  • You need production readiness independently validated rather than asserted by the repository.

Strengths

Capabilities

Provides a Claude Code SKILL.md under .claude/skills for automatic project-specific guidance.Duplicates the same skill under .agents/skills for another SKILL.md-compatible agent location.Guides new views into the repository's established src/views hierarchy.Guides lazy route registration through React Router and the existing Loadable wrapper.Guides sidebar navigation additions through the existing vertical-sidebar structure.Defines a six-step feature pattern spanning mock data, MSW handlers, SWR context, components, routes, and navigation.Directs table work to existing TanStack Table wrappers rather than new implementations.Directs chart work to Recharts and the repository's chart wrapper.Documents current form primitives and asks users to discuss adding a form-library dependency.Documents Lucide and Iconify usage and advises matching the edited file's convention.Documents dark and light theme context locations.Encodes Tailwind CSS v4 and cn() class-merging conventions.Documents npm as the package manager and package-lock.json as the lockfile of record.Documents TypeScript checking before the Vite production build.Documents zero-warning ESLint expectations.Includes reusable dashboard, blog, notes, tickets, authentication, profile, form, table, chart, editor, and component examples.Uses MSW and static data to provide browser-side mock API behavior without a backend.Provides static deployment configuration described for Netlify and Docker with nginx.Supports responsive layouts and light or dark themes in the application starter.Includes TipTap editing, Recharts visualization, TanStack tables, SWR fetching, and Base UI-backed shadcn-style primitives.

Risk profile

Risks and limitations

  • Uncertain: supplied metadata is future-dated relative to the analysis context, so activity and recency cannot be independently assessed.
  • Uncertain: the repository calls the starter production-ready, but no automated tests, coverage results, performance benchmarks, or independent production validation were supplied.
  • Uncertain: no Claude Code version requirement or host-compatibility test is supplied for the project-local skill.
  • The Claude skill is repository-specific and offers little value outside this dashboard's file structure and conventions.
  • The application has no backend; API behavior for blog, notes, and tickets is mocked with static data and MSW.
  • The declared package scripts contain no unit, integration, end-to-end, or accessibility test command.
  • The skill guides implementation but does not expose executable Claude tools or automate verification itself.
  • Adding durable authentication, authorization, persistence, real APIs, and server-side security remains application work.
  • The README's MIT statement also asks for footer attribution, creating uncertainty about whether attribution is a request or an additional expectation; review LICENSE directly.
  • Dependency versions are forward-moving ranges in several cases, so reproducibility and compatibility can change outside the lockfile.
  • No supplied security policy, threat model, telemetry disclosure, or dependency-audit result establishes security posture.
  • Forms currently lack a dedicated form and schema-validation library, and adding one requires a project decision.

No first-party security policy or audit was supplied. The app is described as a client-only SPA with mocked APIs, so real authentication and authorization are not implemented here; production adopters must review dependencies, browser-side data handling, deployment headers, secrets, and any backend integration they add.

Component inventory

20 documented components

application

Shadcn Dashboard SPA

React 19 and Vite admin-dashboard starter with reusable pages and UI blocks.

src/App.tsx
Claude Code Agent Skill

shadcn-dashboard-free

Project guide for adding pages, routes, mock data, tables, forms, charts, icons, navigation, and themes.

.claude/skills/shadcn-dashboard-free/SKILL.md
workflow

New feature workflow

Six-step pattern covering mock data, MSW handler, context, view, route, and optional sidebar entry.

.claude/skills/shadcn-dashboard-free/SKILL.md
view module

Modern Dashboard

Dashboard overview with statistics, charts, and widgets.

src/views/dashboards/modern/
app module

Blog

Blog-management views with a TipTap rich-text editor.

src/views/apps/blog/
app module

Notes

Prebuilt notes-management application views.

src/views/apps/notes/
app module

Tickets

Prebuilt ticket-management application views.

src/views/apps/tickets/
view module

Authentication flows

Login, registration, recovery, OTP, reset-password, and two-factor pages.

src/views/auth/
view module

Form layouts

Vertical and horizontal form examples using existing UI primitives.

src/views/pages/form/
view and component module

Data tables

Table views backed by reusable TanStack Table wrappers.

src/components/tables/
view module

User Profile

Profile page with connections and activity views.

src/views/pages/user-profile/
view module

Icons Showcase

Showcase for icons used by the dashboard.

src/views/icons/
service module

Theme provider

Application context providing light and dark theme state and toggling.

src/context/shadcntheme/
service module

Mock API layer

Client-only mock data service using MSW handlers, SWR, and shared fetchers.

src/api/
command

Production build

Runs TypeScript checking and creates an optimized Vite build.

package.json
command

Lint

Runs ESLint over TypeScript and TSX with zero warnings allowed.

package.json

Technical profile

Requirements and configuration

Language
TypeScript
Application
Client-side single-page application
Framework
React 19 with Vite 8
Styling
Tailwind CSS v4 with shadcn-style Base UI primitives
Routing
React Router createBrowserRouter with lazy-loaded views
Data
SWR over MSW handlers backed by static TypeScript data
Tables
TanStack Table wrappers
Charts
Recharts
Editor
TipTap
Motion
Framer Motion and Motion dependencies
Icons
lucide-react and @iconify/react
PackageManager
npm with package-lock.json as documented lockfile
Build
tsc followed by vite build
Lint
ESLint with zero warnings allowed
Deployment
Static dist build with documented Netlify or Docker and nginx paths
ClaudeIntegration
Repository-local .claude/skills/shadcn-dashboard-free/SKILL.md
License
MIT in repository metadata; README additionally requests attribution

Classification

How it enters the stack

Context Injection

Evidence: a repository-local SKILL.md under .claude/skills injects task-specific project guidance into Claude Code. No plugin manifest, tool surface, interception, or orchestration is evidenced; the dashboard itself remains a standalone frontend project.

Claude Extension · low setup effort · high confidence · automated

Evidence and risk

Primary sources

first_party_fileREADME.mdhttps://github.com/shadcndashboard/shadcndashboard/blob/main/README.md
first_party_fileAGENTS.mdhttps://github.com/shadcndashboard/shadcndashboard/blob/main/AGENTS.md
first_party_filepackage.jsonhttps://github.com/shadcndashboard/shadcndashboard/blob/main/package.json

Routing context

Conflicts, complements, and synergies

complements

gh_codeswithroh_tastemaker

Inference: Tastemaker can provide broader UI direction and audits, while this repository's local skill supplies implementation conventions for the specific dashboard codebase.

medium confidence
complements

gh_jakubkrehel_skills

Inference: interfaces can review or stress-test UI changes, while this skill directs how those changes should fit this dashboard's structure.

medium confidence
complements

gh_nextlevelbuilder_ui_ux_pro_max_skill

Inference: UI/UX Pro Max can supply general design references, while this repository provides a concrete dashboard implementation target and local conventions.

medium confidence