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.
Packaged view
This page reorganizes the original catalog entry around fit, installability, and workflow context first. The original raw source lives below.
Install command
npx @skill-hub/cli install marcusgoll-spec-flow-mockup-extraction
Repository
Skill path: .claude/skills/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.
Open repositoryBest for
Primary workflow: Design Product.
Technical facets: Full Stack, Frontend, Designer.
Target audience: Development teams looking for install-ready agent workflows..
License: Unknown.
Original source
Catalog source: SkillHub Club.
Repository owner: marcusgoll.
This is still a mirrored public skill entry. Review the repository before installing into production workflows.
What it helps with
- Install mockup-extraction into Claude Code, Codex CLI, Gemini CLI, or OpenCode workflows
- Review https://github.com/marcusgoll/Spec-Flow before adding mockup-extraction to shared team environments
- Use mockup-extraction for development workflows
Works across
Favorites: 0.
Sub-skills: 0.
Aggregator: No.