image-to-code

nexu-io/open-design

SkillLoads cleanly

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then…

Scores
out of 100 · grade A

2026-08-22

Works

40% of the score

92/100

Frontmatter name `image-to-code` does not match its directory `image-to-code-skill`.

Maintained

25% of the score

100/100

no commits in the last 12 weeks

Adopted

20% of the score

60/100

1,064 installs on skills.sh.
90,228 stars on the source repo.

Documented

15% of the score

73/100

5,735 words with worked examples.
Ships 1 bundled file.

Loads cleanly. Every structural check Claude Code needs to register this passed. Last commit today.

Install

npx skills add nexu-io/open-design/image-to-code

What the check found

Every finding on this listing, and what each one means for whether it loads.
Finding	What it means
Name mismatch	The frontmatter name and the directory name disagree.

What it says it does

Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then implement the website to match them as closely as possible. In Codex, it must prefer large, readable, section-specific images instead of tiny compressed boards, generate fresh standalone images for sections or detail views instead of cropping old ones, avoid lazy under-generation, avoid cards-inside-cards-inside-cards UI, and keep the hero clean, spacious, readable, and visible on a small laptop.

Every number above came out of reading the file and its repository. Nothing is a judgement call, nothing is a model’s opinion, and nothing can be paid for. The full method is published. Source last committed 2026-08-22.

Also in nexu-io/open-design

Other artifacts published from the same repository.
Artifact	What the check found	Type	Reach	Last commit
hatch-petnexu-io/open-design	clean	Skill	2,423 installs	today
pptx-html-fidelity-auditnexu-io/open-design	clean	Skill	2,516 installs	today
brand-extractnexu-io/open-design	clean	Skill	90k stars	today
ecommerce-image-workflownexu-io/open-design	clean	Skill	1,305 installs	today
emil-design-engnexu-io/open-design	clean	Skill	90k stars	today
agent-browsernexu-io/open-design	clean	Skill	2,173 installs	today

Other media skills

Browse all

Same category, same type, ranked by score.
Artifact	What the check found	Category	Reach	Last commit
media-useheygen-com/hyperframes	clean	Media	298,846 installs	today
talking-head-recutheygen-com/hyperframes	clean	Media	130,756 installs	today
hyperframes-creativeheygen-com/hyperframes	clean	Media	282,614 installs	today
remotion-to-hyperframesheygen-com/hyperframes	clean	Media	236,529 installs	today
slideshowheygen-com/hyperframes	clean	Media	147,126 installs	today
imagecoreyhaines31/marketingskills	clean	Media	59,761 installs	today

Put this measurement in your README

A badge carrying how many listings this index holds from the repository and how many pass every static structural check. It reads from this index every time somebody loads your page, so it changes when the measurement changes and there is nothing to keep up to date. Free, no account, and the value is not something you or we can set by hand.

[![SkillWorks](https://toolproof.kynth.studio/badge/skillworks/nexu-io/open-design.svg)](https://skillworks.kynth.studio/?q=nexu-io%2Fopen-design)

Would rather not hotlink us? Every badge is also served in shields.io’s endpoint schema, so shields renders the image and your readers never talk to our domain:

Published by Toolproof, the masthead over this index and eight others. The method behind the number is at toolproof.kynth.studio/methodology, and the whole thing is readable as JSON with no key at /api.