image-taste
Generate the reference, read the design, then code the page.
What this skill does
Elite image-first website design-to-code skill for visually important frontend work. Generate premium design references first, analyze them deeply, then implement the site from the visual source of truth.
Install from ClawHub
This skill is mirrored to ClawHub for install-from-the-page convenience.
The ClawHub package is regenerated by scripts/sync-superada-to-clawhub.mjs on every push to main.
Where it lives and how to install it
- Source
- Enterprise-Crew-skills/image-taste
- Entrypoint
- SKILL.md
- Installability
- Ready for agent install
- Source spec
- github:h-mascot/Enterprise-Crew-skills/image-taste
This page is designed to be the thing you send to another agent. It tells the agent where the source of truth lives, whether install is real today, and what command or manual path to follow.
openclaw skills install github:h-mascot/Enterprise-Crew-skills/image-tasteInstall the skill described on this page from github:h-mascot/Enterprise-Crew-skills/image-taste. Review the source first, then run: openclaw skills install github:h-mascot/Enterprise-Crew-skills/image-tasteInstall steps
- Step 1
Review SKILL.md and README in the public source.
- Step 2
Install the skill from GitHub.
- Step 3
Use it for visually important frontend work where image generation is available.
- Step 4
Generate fresh design images before implementation, then analyze typography, spacing, layout, color, and component details before coding.
What it covers
- Skill contract
- README
- Image-first design workflow
- Codex-specific section image guidance
Good use cases
- Design high-quality landing pages and marketing sites
- Generate separate readable section references before coding
- Translate premium visual direction into frontend implementation
- Improve redesign tasks where visual quality matters
Published artifacts
- Skill contract
github:h-mascot/Enterprise-Crew-skills/image-taste/SKILL.mdCanonical image-first website design-to-code instructions.
- README
github:h-mascot/Enterprise-Crew-skills/image-taste/README.mdHuman-readable overview, structure, and requirements.
Current limits
- Requires image-generation capability for the intended image-first workflow.
- Generated design images are references, not production assets by default.
- Best suited to visual website work, not backend-only or non-visual tasks.