Mockgen Tailwind

Generate HTML mockup screens from PRD.md files for UI/UX human designer review. Creates a Node.js + Alpine.js + HTMX mockup server with admin dashboard layout (left sidebar navigation, header with logo/notifications/locale/user menu, footer with copyright/version) served as partials, organized by user role in a mockup/ folder. Input: application name (mandatory), version (mandatory), module (optional). Output: mockup/ folder in the application's context folder containing MOCKUP.html index page, server.js, package.json, partials/, and role-specific content subfolders. Trigger on keywords: "generate mockup", "generate mockups", "create mockup screens", "HTML mockup", "UI mockup from user stories", "mockup from PRD.md", "generate screens", "create UI screens". Accepts application name and version as input (e.g., `/mockgen-tailwind hub_middleware v1.0.3`). Optionally accepts a module name to limit generation to screens for that module only (e.g., `/mockgen-tailwind hub_middleware v1.0.3 module:Location Information`). When module is specified, only content files for that module are generated/updated; partials, sidebars, server files, and other module screens are left untouched. Automatically excludes strikethrough (deprecated/removed) items.

mkdir -p ~/.claude/skills/mockgen-tailwind
curl -L https://claudskills.com/skills/mockgen-tailwind/SKILL.md \
  -o ~/.claude/skills/mockgen-tailwind/SKILL.md

@misc{mockgen-tailwind-2026,
  author    = {ClaudSkills},
  title     = {Mockgen Tailwind [Claude Code skill]},
  year      = {2026},
  publisher = {ClaudSkills},
  url       = {https://claudskills.com/skills/mockgen-tailwind/}
}