From lookbook
Provides hand-built design language references (Swiss, editorial, neo-brutalism, etc.) with token systems and anti-slop rules. Use when building or restyling any frontend to produce distinctive, non-generic UI.
How this skill is triggered — by the user, by Claude, or both
Slash command
/lookbook:lookbookThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
A curated library of design languages. Each is a **pack**: a philosophy, a full token system,
foundations.mdlanguages/art-deco/LANGUAGE.mdlanguages/art-deco/reference/index.htmllanguages/bauhaus/LANGUAGE.mdlanguages/bauhaus/reference/index.htmllanguages/brutalist/LANGUAGE.mdlanguages/brutalist/reference/index.htmllanguages/claymorphism/LANGUAGE.mdlanguages/claymorphism/reference/index.htmllanguages/constructivism/LANGUAGE.mdlanguages/constructivism/reference/index.htmllanguages/cyber-terminal/LANGUAGE.mdlanguages/cyber-terminal/reference/index.htmllanguages/editorial/LANGUAGE.mdlanguages/editorial/reference/index.htmllanguages/frutiger-aero/LANGUAGE.mdlanguages/frutiger-aero/reference/index.htmllanguages/glassmorphism/LANGUAGE.mdlanguages/glassmorphism/reference/index.htmllanguages/japandi/LANGUAGE.mdA curated library of design languages. Each is a pack: a philosophy, a full token system, ruthless anti-slop rules, and — the part that matters — a real, hand-built reference page to study and adapt. You produce craft by adapting a proven exemplar, not by interpreting keywords.
Never design from scratch when a language fits. Pick a language, open its pack, study its
reference/index.html, then build in the user's stack by adapting that exemplar's tokens,
composition, and details. The reference is the source of truth for how the style actually looks.
Read languages/<slug>/LANGUAGE.md in full, then open and study
languages/<slug>/reference/index.html (and any CSS next to it). This is progressive disclosure —
load one pack, not the whole library.
Check your output against the pack's anti-slop checklist. If it could pass for generic AI output, it's not done.
| Slug | Language | The feeling | Best for | Avoid for |
|---|---|---|---|---|
swiss | Swiss / International | Grid, precision, restraint | SaaS, docs, fintech, B2B, dev tools | Playful consumer, maximal brands |
editorial | Editorial / Magazine | Typographic, asymmetric, print-inspired | Long-form, media, culture, agencies, blogs | Dense app UIs, dashboards |
neo-brutalism | Neo-Brutalism | Raw and bold — the refined kind | Creator tools, startups, portfolios, bold brands | Conservative/enterprise, accessibility-critical |
glassmorphism | Glassmorphism | Frosted depth, Apple-grade | Modern SaaS, dashboards, fintech, premium product | Content-heavy reading, low-power, flat brands |
y2k | Y2K / Retro-futurism | Chrome, gloss, nostalgia | Music, fashion, gaming, Gen-Z, culture drops | Enterprise, trust-critical, accessibility-critical |
soft-organic | Soft / Organic | Warm, rounded, tactile | Wellness, consumer apps, kids/education, friendly brands | Data-dense, austere/luxury, technical |
maximalism | Maximalism | Controlled chaos, layered density | Fashion, culture, events, portfolios, statement sites | Utility UIs, accessibility-critical, dashboards |
luxury-minimal | Luxury Minimal | Fashion-house restraint, vast space | Luxury, fashion, beauty, architecture, hospitality | Dense functional apps, playful consumer |
cyber-terminal | Cyber / Terminal | Monospace, dark, technical | Dev tools, infra, crypto/web3, security, AI products | Warm consumer, luxury, mainstream non-tech |
bauhaus | Bauhaus / Geometric | Primary colors, shapes, modernist | Culture, museums, education, design-forward brands | Conservative corporate, soft/luxury |
art-deco | Art Deco / Gatsby | Gilded geometry, symmetric grandeur | Luxury hospitality, spirits, finance, theatre, fashion, events | Dev tools, minimal SaaS, playful consumer |
claymorphism | Claymorphism | Soft inflated 3D, pillowy and friendly | Playful apps, kids/education, fintech onboarding, mobile, games | Dense data UIs, austere luxury, editorial |
vaporwave | Vaporwave / Synthwave | Neon sunset, retro-future haze | Music, gaming, nightlife, creative tools, Gen-Z drops | Enterprise, trust-critical, accessibility-first |
neumorphism | Neumorphism / Soft UI | Soft monochrome, pressable, tactile | Smart-home/IoT, calm apps, finance dashboards, audio/player UIs | Data-dense tables, content-heavy reading, text-everywhere |
frutiger-aero | Frutiger Aero | Glossy aqua optimism, nature-meets-tech | Eco/clean-tech, wellness, consumer cloud, family tech | Enterprise, luxury restraint, dark/edgy, austere |
memphis | Memphis / Postmodern | Clashing pastels, playful confetti geometry | Design festivals, creative studios, food/kids, culture | Enterprise, luxury, finance trust, dense dashboards |
skeuomorphism | Skeuomorphism | Real materials — leather, metal, paper, glass | Heritage/nostalgic apps, audio tools, journaling, hobby | Data-dense SaaS, ultra-modern minimal, fast utility |
brutalist | Brutalist / Raw Web | Exposed structure, default type, harsh honesty | Experimental studios, portfolios, zines, art/culture, dev | Trust-critical mainstream, e-commerce, enterprise calm |
constructivism | Constructivism | Diagonal red-and-black agitprop energy | Arts/film/theatre festivals, type studios, exhibitions | Corporate calm, luxury, soft consumer, dense data |
japandi | Scandinavian / Japandi | Warm muted calm, craft, vast space | Ceramics/homeware, tea/coffee, wellness, furniture, slow-living | Data UIs, dev tools, loud consumer, high-energy events |
pixel | Pixel / Retro-Gaming | 8-bit pixels, CRT, arcade HUD | Indie games & studios, game jams, arcades, retro products | Enterprise, luxury, finance trust, dense reading |
These override default habits regardless of style:
<svg> icons tuned to the pack: its stroke weight, corner radius, optical
size, and grid. Premium products draw their own marks; a borrowed icon set is a slop tell. Keep
the set small and internally consistent (one stroke width, one corner treatment, one optical
size), mark each aria-hidden, and pair it with a real text label.npx claudepluginhub manavarya09/lookbook --plugin lookbookSelects and implements UI design styles (Glassmorphism, Liquid Glass, Neubrutalism, Claymorphism) with tokens, components, dark mode, and a11y rules. Use when building frontend UI components or choosing a visual aesthetic.
Provides 263+ curated design styles in 19 categories with AI-optimized prompt keywords for frontend UI prototyping in TSX, CSS, SCSS, and Tailwind configs.
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.