imagegen-frontend-web
Premium frontend image direction for landing pages and marketing sites, generating one distinct horizontal image per section.
What it does
- 1 section requested -> 1 image
- 4 sections requested -> 4 images
- 8 sections requested -> 8 images
- 12 sections requested -> 12 images
- "landing page" with no count -> default to 6 sections -> 6 images
- "full website template" -> default to 8 sections -> 8 images
- centered over background image
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
Premium frontend image direction for landing pages and marketing sites, generating one distinct horizontal image per section.
Source
Repository: https://github.com/leonxlnx/taste-skill
imagegen-frontend-web FAQ
What does the imagegen-frontend-web skill do?
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not always left-text / right-image), background-image freedom, varied CTAs, varied hero scales (giant / mid / mini minimalist), narrative concept spine, second-read moments, and a single consistent palette across all images. Optimized for landing pages, marketing sites, and product comps that developers or coding models can accurately recreate. 1 section requested -> 1 image 4 sections requested -> 4 images
How do I install imagegen-frontend-web?
Run: npx -y skills add https://github.com/leonxlnx/taste-skill --skill imagegen-frontend-web --agent claude-code — the source lives at github.com/leonxlnx/taste-skill.
Maintain imagegen-frontend-web?
Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.
[](https://getagentictools.com/skills/leonxlnx-taste-skill-imagegen-frontend-web?ref=badge) npx agentictools info skills/leonxlnx-taste-skill-imagegen-frontend-web The second line is the CLI lookup for this page — handy in READMEs and docs.
Related skills
imagegen-frontend-mobile Premium mobile app screen concepts and flows with clean hierarchy, strong imagery, and distinctive art direction.
design-taste-frontend-v1 Agent skill from leonxlnx/taste-skill.
convex-quickstart Scaffold a new Convex project or integrate Convex into an existing frontend app.
convex-create-component Design and build isolated, reusable Convex backend components with clear boundaries and app-facing wrappers.
stitch-design-taste Generates premium, anti-generic design system files for Google Stitch screen generation.
vercel-react-native-skills React Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules.