high-end-visual-design
Premium design system enforcing high-end agency aesthetics with strict anti-patterns and motion choreography.
What it does
- Persona: VanguardUIArchitect
- Banned Icons: Standard thick-stroked Lucide, FontAwesome, or Material Icons. Use only ultra-light, precise lines (e.g., Phosphor Light, Remix Line).
- Banned Borders & Shadows: Generic 1px solid gray borders. Harsh, dark drop shadows (shadow-md, rgba(0,0,0,0.3)).
- Banned Layouts: Edge-to-edge sticky navbars glued to the top. Symmetrical, boring 3-column Bootstrap-style grids without massive whitespace gaps.
- Banned Motion: Standard linear or ease-in-out transitions. Instant state changes without interpolation.
- Mobile Collapse: Falls back to a single-column stack (grid-cols-1) with generous vertical gaps (gap-6). All col-span overrides reset to col-span-1.
- Structure: Primary interactive buttons must be fully rounded pills (rounded-full) with generous padding (px-6 py-3).
Derived from the skill's own SKILL.md documentation · extracted 2026-07-23
Premium design system enforcing high-end agency aesthetics with strict anti-patterns and motion choreography.
Source
Repository: https://github.com/leonxlnx/taste-skill
high-end-visual-design FAQ
What does the high-end-visual-design skill do?
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic. Persona: VanguardUIArchitect Banned Icons: Standard thick-stroked Lucide, FontAwesome, or Material Icons. Use only ultra-light, precise lines (e.g., Phosphor Light, Remix Line).
How do I install high-end-visual-design?
Run: npx -y skills add https://github.com/leonxlnx/taste-skill --skill high-end-visual-design --agent claude-code — the source lives at github.com/leonxlnx/taste-skill.
Maintain high-end-visual-design?
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-high-end-visual-design?ref=badge) npx agentictools info skills/leonxlnx-taste-skill-high-end-visual-design The second line is the CLI lookup for this page — handy in READMEs and docs.
Related skills
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.
image-to-code Premium website design-to-code skill that generates visual references first, then builds faithful frontend implementations.
imagegen-frontend-web Premium frontend image direction for landing pages and marketing sites, generating one distinct horizontal image per section.
remotion-best-practices Domain-specific knowledge base for building videos with Remotion and React.
design-taste-frontend Concise, distinctive landing pages and portfolios that avoid templated AI aesthetics.