MCP.so
ログイン

high-end-visual-design

leonxlnx / taste-skill

About high-end-visual-design

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.

#Design & UI

Install high-end-visual-design

npx skills add https://github.com/leonxlnx/taste-skill --skill high-end-visual-design

基本情報

カテゴリ

Design & UI

Repository

leonxlnx / taste-skill

Skill

high-end-visual-design

What it does

  • Bans generic fonts (Inter, Roboto, Helvetica) and default icons in favor of premium typefaces (Geist, Clash Display) and ultra-light icon sets (Phosphor Light)

  • Enforces nested "Double-Bezel" card architecture, massive whitespace ( py-24 – py-40 ), and custom cubic-bezier motion curves instead of linear transitions

  • Includes three vibe archetypes (Ethereal Glass, Editorial Luxury, Soft Structuralism) and three layout patterns (Asymmetrical Bento, Z-Axis Cascade, Editorial Split) to ensure design variance across outputs

  • Mandates mobile-first responsive collapse below 768px , GPU-safe animations (transform/opacity only), and staggered scroll-reveal entry animations via IntersectionObserver

More skills in Design & UI