imagegen-frontend-web
leonxlnx / taste-skill
About imagegen-frontend-web
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.
Install imagegen-frontend-web
npx skills add https://github.com/leonxlnx/taste-skill --skill imagegen-frontend-web基本情報
What it does
Generates one separate horizontal image for every section (never combines multiple sections into a single frame)
Enforces composition variety across sections, avoiding repetitive left-text/right-image defaults
Includes full-bleed backgrounds, varied hero scales (giant/mid/minimalist), and consistent single-palette theming
Optimized for developers and coding models to accurately recreate layouts from visual reference
More skills in Design & UI
frontend-design
anthropics / skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
grill-me
mattpocock / skills
A relentless interview to sharpen a plan or design.
web-design-guidelines
vercel-labs / agent-skills
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
grill-with-docs
mattpocock / skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
lark-event
larksuite / cli
Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume <EventKey>` (covers IM messages/reactions/chat changes, Task updates, VC meeting started/joined/ended, Minutes generated, Whiteboard updated, etc.). Use for Lark bots, real-time message processing, long-running subscribers, streaming webhook/push handlers. Supports `--max-events` / `--timeout` bounded runs and a stderr ready-marker contract — designed for AI agents running as subprocesses.
prototype
mattpocock / skills
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.