mockup-extraction

Name: mockup-extraction
Availability: InStock
Author: marcusgoll

Community

Extract reusable components from mockups

Design & Creative #components #extraction #Tailwind #design-system #mockups

Authormarcusgoll

Version1.0.0

Installs0

System Documentation

What problem does it solve?

Bridges visual mockups to production code by extracting reusable components and mapping CSS to Tailwind utilities.

Core Features & Use Cases

Inventory mockup components across screens
Map CSS to Tailwind tokens
Document component variants and states
Generate prototype-patterns.md for visual fidelity

Quick Start

Analyze approved HTML mockups in specs/NNN-slug/mockups/ and populate prototype-patterns.md.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: mockup-extraction
Download link: https://github.com/marcusgoll/Spec-Flow/archive/main.zip#mockup-extraction

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

View Source Repository