Skills
.Work. You
Rest

mockgen-shadcn

Community

Generate shadcn UI mockups from PRD docs.

Design & Creative#ui#react#vite#prd#shadcn#design-review#mockup
Authorrashidee
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of shadcn/ui mockup screens from PRD.md files to accelerate UI/UX designer reviews.

Core Features & Use Cases

  • Generate a Vite + React 19 + TypeScript mockup project scaffold with a per-role dashboard layout.
  • Produce module-specific pages and sub-pages (detail/create/edit) derived from PRD-driven user stories.
  • Output a MOCKUP.html sitemap and configuration files to preview and share designs with stakeholders.

Quick Start

Provide the application name and version (e.g., hub_middleware v1.0.0) to trigger generation.

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: mockgen-shadcn
Download link: https://github.com/rashidee/co2-skills/archive/main.zip#mockgen-shadcn

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.