leonxlnx avatar

High End Visual Design

This is for when you need Claude to generate genuinely premium interfaces instead of the usual Inter font and rounded corners. It enforces Awwwards-tier design language with strict anti-patterns (bans common fonts, generic icons, boring grids) and a variance engine that mixes different layout archetypes so you don't get the same output twice. Assumes you have access to premium fonts like Geist or Clash Display. The skill is extremely opinionated about what constitutes high-end work, down to banning specific easing functions and shadow values. Best for client work or portfolio pieces where you need that $150k agency look without actually being a designer. Fair warning, it's prescriptive as hell.

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

Install

$ npx -y skills add leonxlnx/taste-skill --skill high-end-visual-design --agent claude-code

Installs into .claude/skills of the current project.

Files

This is for when you need Claude to generate genuinely premium interfaces instead of the usual Inter font and rounded corners. It enforces Awwwards-tier design language with strict anti-patterns (bans common fonts, generic icons, boring grids) and a variance engine that mixes different layout archetypes so you don't get the same output twice. Assumes you have access to premium fonts like Geist or Clash Display. The skill is extremely opinionated about what constitutes high-end work, down to banning specific easing functions and shadow values. Best for client work or portfolio pieces where you need that $150k agency look without actually being a designer. Fair warning, it's prescriptive as hell.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/leonxlnx/taste-skill
Category
Design & UI/UX

More from leonxlnx/taste-skill

All 14
1dylantarre avatarweb-motion-designdylantarre/animation-principlesUse when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.1.4Kskills.sh installs
2figma avatarcreate-design-system-rulesfigma/mcp-server-guideGenerates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design r1.3Kskills.sh installs
3nexu-io avatarhtml-ppt-taste-brutalistnexu-io/open-design16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII158skills.sh installs
4wshobson avatarinteraction-designwshobson/agentsDesign and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading 17Kskills.sh installs
5kylezantos avatardesign-motion-principleskylezantos/design-motion-principlesMotion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — build interactive components with purposef13.8Kskills.sh installs
6affaan-m avatardesign-systemaffaan-m/eccUse this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.6Kskills.sh installs