Image To Code

leonxlnx/taste-skill

This is for when you need Claude to build a website from a visual reference, but you want it to generate the design mockup first instead of winging it from memory. It forces an image first workflow: generate the design, analyze what was actually created, then code it faithfully. The skill is opinionated about avoiding common AI website clichés like tiny compressed multi-section boards, card spam, and unreadable text. In Codex it defaults to one large image per section instead of cramming everything into a single artboard, which makes typography and spacing actually extractable. It also won't crop old images when you need detail views, it regenerates them fresh. Useful for landing pages, hero sections, and anything where visual fidelity matters more than speed.

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

420

skills.sh installs

385.9K

GitHub stars

112.6K

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

1imagegen-frontend-mobileleonxlnx/taste-skillElite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile product373.8Kskills.sh installs

2brandnextlevelbuilder/ui-ux-pro-max-skillBrand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand co47.4Kskills.sh installs

3flutter-animating-appsnexu-io/open-designImplement animated effects, transitions, and motion in Flutter apps. Useful for native iOS/Android motion design.3.1Kskills.sh installs

4remotionnexu-io/open-designProgrammatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.3.1Kskills.sh installs

5excalidraw-diagramaxtonliu/axton-obsidian-visual-skillsGenerate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation o3Kskills.sh installs

6field-notes-editorial-templatenexu-io/open-designEditorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel. Use when u2.9Kskills.sh installs