skills.homes logoskills.homescapability registry
home/categories/frontend/marcusgoll-spec-flow-claude-skills-mockup-extraction-skill-md
cd ..
frontenddevelopment

mockup-extraction

Extract reusable components from approved HTML mockups during implementation. Identifies patterns, maps CSS to Tailwind, and populates prototype-patterns.md for visual fidelity. Use at start of /implement for UI-first features.

View Sourcefrontend
marcusgoll
maintainer
marcusgoll
Updated 12/16/2025
Stars
39
Forks
5
quick start

Installation and usage

Extract reusable components from approved HTML mockups during implementation. Identifies patterns, maps CSS to Tailwind, and populates prototype-patterns.md for visual fidelity. Use at start of /implement for UI-first features.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use mockup-extraction