leonxlnx avatar

Design Taste Frontend V1

This is a frontend code generation skill with opinions baked in. It ships with three global dials: design variance (how symmetrical vs. artsy), motion intensity (static to cinematic), and visual density (airy to data-packed). The defaults are set to 8, 6, and 4 respectively, which leans toward expressive, moderately animated interfaces with breathing room. You can override these in prompts and Claude will adjust its output accordingly. It's got 108K installs and solid audit passes, so people are clearly using it in production. The approach is interesting if you want consistent aesthetic guardrails without micromanaging every generation, though the "high-agency" framing is a bit much for what amounts to parameterized code generation.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
96
skills.sh installs
330.4K
GitHub stars
112.6K
last updated
Aug 21, 2026

Install

$ npx -y skills add leonxlnx/taste-skill --skill design-taste-frontend-v1 --agent claude-code

Installs into .claude/skills of the current project.

Files

This is a frontend code generation skill with opinions baked in. It ships with three global dials: design variance (how symmetrical vs. artsy), motion intensity (static to cinematic), and visual density (airy to data-packed). The defaults are set to 8, 6, and 4 respectively, which leans toward expressive, moderately animated interfaces with breathing room. You can override these in prompts and Claude will adjust its output accordingly. It's got 108K installs and solid audit passes, so people are clearly using it in production. The approach is interesting if you want consistent aesthetic guardrails without micromanaging every generation, though the "high-agency" framing is a bit much for what amounts to parameterized code generation.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/leonxlnx/taste-skill
Categories
Frontend Development, Design & UI/UX
First seen
Jul 14, 2026

More from leonxlnx/taste-skill

All 14
1vercel-labs avatarvercel-react-native-skillsvercel-labs/agent-skillsReact Native and Expo best practices for performant mobile apps across list rendering, animations, navigation, and native modules.271.9Kskills.sh installs
2vyralcontent avatarviral-hooksvyralcontent/content-skillsWrite and critique viral hooks for short-form video: the opening 1 to 3 seconds that decide whether anything else gets seen. Use this when you need a batch of h123.9Kskills.sh installs
3get-convex avatarconvex-create-componentget-convex/agent-skillsBuilds reusable Convex components with isolated tables and app-facing APIs. Use for new components, reusable backend modules, integrations, or component boundar102.8Kskills.sh installs
4heygen-com avatarcss-animationsheygen-com/hyperframesCSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or CS72.3Kskills.sh installs
5pbakaus avatarfrontend-designpbakaus/impeccableDistinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design choices.53.2Kskills.sh installs
6samber avatargolang-project-layoutsamber/cc-skills-golangProvides a guide for setting up Golang project layouts and workspaces. Use when starting a new Go project, organizing an existing codebase, setting up a monorep42.1Kskills.sh installs