Html Mockup
Description
Pixel-faithful HTML mockups from a reference screenshot - census first, then render
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
HTML mockup
**Turns a reference screenshot into a pixel-faithful, single-file HTML mockup for designers and engineers who need a coded prototype that matches the reference exactly, not a generic reinterpretation.**
[](https://github.com/humbleteam/html-mockup/actions/workflows/validate.yml) [](https://github.com/humbleteam/html-mockup/stargazers) [](https://github.com/humbleteam/html-mockup/commits/main) [](LICENSE) [](https://github.com/humbleteam/html-mockup/blob/main/SKILL.md)
Paste a screenshot, ask for a coded version, and this Claude Code skill writes a census of the reference - exact palette, photo regions, item counts, component states - before touching a single line of HTML. The census becomes a contract: every value in it has to appear in the render, or the render is wrong. That one rule is what separates a mockup that matches a reference from a mockup that just resembles one.
Table of contents
- What it does
- Quick start
- Usage
- Example output
- How it works
- How is this different from just asking the model?
- FAQ
- Related skills
- Who maintains this
What it does
- Writes a machine-checkable census (palette hex values, warm/cool/neutral temperature, pho
Related Skills
Auto Update
Pull the latest ECC repo changes and reinstall the current managed targets.
Ecc Guide
Navigate ECC's current agents, skills, commands, hooks, install profiles, and docs from the live repository su
Epic Claim
Claim an epic issue, stamp coordination state, and sync local ownership.
Epic Publish
Publish a validated epic update back to the issue and local cache.
Epic Review
Mark epic review requested, approved, or changes requested.
Epic Unblock
Sweep blocked epic issues and reopen anything whose dependencies are closed.