Skills
.Work. You
Rest

mockgen-tailwind

Community

Generate UI mockups from PRD for designer review.

Design & Creative#workflow#ui#tailwind#htmx#design-system#mockup#alpinejs
Authorrashidee
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Generate UI mockups from PRD.md files to accelerate designer review, turning long textual specifications into tangible HTML previews.

Core Features & Use Cases

  • Create module-based mockup screens aligned to PRD sections and user stories
  • Serve mockups via a Node.js + Express server using HTMX for in-page updates and Alpine.js for interactivity
  • Output a self-contained mockup package including partials, server, and a mockup/ folder ready for review

Quick Start

Run the mockgen-tailwind skill with your application context to generate a mockup server, then start the server with npm start.

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

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.