Clone to Claude
Last commit on June 2, 2026·Created on June 2, 2026
KyrieCheungYep/ky-design-to-html-skill
“Turns design images into HTML through an error-reduction loop.”
Combined rank
#466
across all skills
In Design
#42
category rank
Stars
155
-0.6% in last 7d
Forks
22
0.0% in last 7d
Watchers
1
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of real attention, adoption, and active maintenance.
Description
This skill converts screenshots, mockups, Figma exports, and other visual references into HTML/CSS using a deliberate error-reduction loop: page mapping, asset separation, canvas fitting, implementation, browser rendering, and iterative visual correction. It helps frontend developers and designers turn static images into structured, inspectable code without relying on one-shot generation.
WHO IT'S FOR
UI Developers
converting UI mockups to HTML/CSS
Design Engineers
automating design-to-code handoff
Visual QA Engineers
validating visual fidelity with browser screenshots
Rapid Prototype Builders
building interactive HTML/CSS from visual references
30 Days of GitHub Stars
+11 stars↑ 6.9% monthly change
Jul 7Jul 14Jul 21Jul 28Aug 5
Compatibility & Install1 Skill · 2 Compatible agents · 3 categories · 2 install paths
Compatible agents
❯Claude Code❯Codex
Categories
DesignSoftware EngineeringDeveloper Tooling
Also in this category4 of 46