Skills
.Work. You
Rest

shadcn Dashboard + Landing Template Expert

Community

Build dashboards that match shadcn patterns.

Design & Creative#landing page#dashboard#tailwind css#shadcn#tanstack table#responsive ui
Authorandreiverdes
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It helps you create new dashboard and landing frontends that stay consistent with the shadcn-dashboard-landing-template’s architecture, component conventions, and responsive layout patterns.

Core Features & Use Cases

  • Template-faithful UI architecture guidance: Aligns pages, layouts, theming, and navigation with the template’s BaseLayout + sidebar + header structure.
  • Component pattern replication: Implements the template’s established patterns for KPI/stat cards, section headers, tables (TanStack), charts (Recharts), and forms (React Hook Form + Zod).
  • Responsive design behavior: Preserves container-query-driven component resizing, sidebar collapse rules, and mobile table/landing navigation patterns.

Quick Start

Ask the skill to outline how to adapt the template’s BaseLayout, sidebar navigation, and landing section components to your specific dashboard routes and data model.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: shadcn Dashboard + Landing Template Expert
Download link: https://github.com/andreiverdes/awesome-claude/archive/main.zip#shadcn-dashboard-landing-template-expert

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.