Back to skills

Agent Skill

Imagegen Frontend Web

imagegen-frontend-web

This skill now lives in its own repository, with the other image-generation skills: https://github.com/Leonxlnx/imagegen-skills

LeonxlnxDesignJavaScriptAgent-skillsAi-agentsAnti-slopClaude-codeCodexCursorDesign-systemFrontendLanding-pageUi-designWeb-design

380K installs

•

leonxlnx/taste-skill

•

by Leonxlnx

Score

9.1

/ 10

Installs

380K

Repo Stars

111.3K

Last Updated

2d ago

Fresh

Quality Ratio

96%

Description

Verified

Language

JavaScript

First Published

Apr 2026

Summary

The Imagegen Frontend Web agent skill enables developers to generate premium, artistic, and implementation-friendly website design references that actively avoid repetitive AI aesthetics. This agent skill is highly beneficial for frontend developers, UI/UX designers, and teams seeking distinct, high-end visual concepts for hero sections, landing pages, and multi-section site compositions. This is a skill with 3K installs, indicating a solid adoption among users focused on high-quality visual outputs. It guides the AI to use a combinatorial variation engine, selecting from distinct theme paradigms, typography characters, and hero architectures (e.g., "Pristine Light Mode," "Swiss rational sans," "Asymmetric Split Hero") to create unique and structured designs. Furthermore, it establishes strict baseline configurations for design variance, image usage priority, and generous spacing, while explicitly banning "AI slop" like generic gradients, floating blobs, and over-packed sections. The skill emphasizes cinematic hero minimalism, strong visual hierarchy, and an image-first art direction to ensure outputs are memorable, breathable, and clearly codeable by developers or other coding models.

Skill Definition

This skill now lives in its own repository, with the other image-generation skills: https://github.com/Leonxlnx/imagegen-skills

The install name did not change:

npx skills add https://github.com/Leonxlnx/imagegen-skills --skill "imagegen-frontend-web"

How to Use

Use in O-mega

Claude Code

npx skills add leonxlnx/taste-skill imagegen-frontend-web