Image To Code

nexu-io/open-design

This one generates image references for website sections and then converts them into actual frontend code. It's built for when visual quality matters: hero sections, landing pages, product pages, portfolios. The approach is image-first, meaning you get a premium design mockup before implementation rather than jumping straight to generic markup. With 657 installs and passing three security audits, it's clearly being used in production. Best suited for marketing sites and brand pages where you need something that looks designed, not just functional. If you're rebuilding a startup homepage or client site and want to skip the "developer aesthetic" phase, this handles both the design direction and the code output.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.

5

skills.sh installs

2K

GitHub stars

106.9K

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Design & UI/UX

1educator-teacherdylantarre/animation-principlesUse when creating educational content, explaining concepts through animation, or when teaching animation principles to students.690skills.sh installs

2frontend-developerdylantarre/animation-principlesUse when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.605skills.sh installs

3bencium-impact-designerbencium/bencium-claude-code-design-skillbencium impact designer600skills.sh installs

4staging-masterydylantarre/animation-principlesUse when composing scenes, designing layouts, directing user attention, or ensuring a single clear idea is communicated at any given moment.581skills.sh installs

5gesture-responsesdylantarre/animation-principlesUse when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.579skills.sh installs

6entrance-animationsdylantarre/animation-principlesUse when elements need to appear on screen - page loads, modals opening, items being added, content reveals, or any "coming into view" animation.572skills.sh installs