use-style
Load and apply a named style before designing or implementing any UI.
Invocation
- Explicit:
$use-style ios-app,$use-style vercel,$use-style black-grid,/useskill list, or "use the grid style" - Implicit: user references NowStack Mobile, Ink & Spark, an iOS app shell, Expo / React Native / NativeWind app UI,
/aiblueprint,/agents,/aibuilder, "grid theme", Vercel, Geist, a minimalist dark tool UI, Stripe / fintech / checkout / dashboard UI, Linear / issue tracker / app-shell sidebar UI, NYT / newspaper / editorial / broadsheet / magazine layouts, Anthropic / Claude / warm cream AI-lab pages, Gumroad / neo-brutalist / loud commerce / bold yellow-pink pages, Raycast / glossy dark / glow gradients / floating glass nav / premium product marketing, Dusk / Attio / dark CRM dashboard floating on a twilight backdrop / blue data viz / colorful category pills, Luma / lu.ma / event timeline / calendar / RSVP / discover / a dark consumer events-and-calendar app with photo-led cards, a top teal aurora, and a white pill button, or TestSprite / TestSpirite / calm light dev-tool dashboard / warm paper canvas with one forest-green accent / grouped sidebar + promo rail / isometric line-art empty states
Parse the style name from $ARGUMENTS or the message. Treat ios, ios app, ios-app, iphone app, nowstack-mobile, nowstack mobile, and ink & spark as ios-app. Treat use-vercel, vercel style, and current vercel as vercel. Treat vercel-simple, old vercel, black grid, and black-grid as black-grid. Treat testsprite, test-sprite, and test sprite as testspirite. Treat luma, lu.ma, and luma.com as luma. Treat list, styles, available styles, and missing style names with no implicit match as a request to list available styles and ask the user to choose before designing. Default to ios-app when the user references NowStack Mobile, Ink & Spark, an iOS app shell, Expo, React Native, NativeWind, or OS-native tabs. Default to grid for Codelynx product landings. Default to vercel when the user references Vercel, the Vercel dashboard, Geist, Vercel's changelog, or black infrastructure marketing with large editorial whitespace. Default to black-grid for austere monochrome developer tools, calculators, indexes, or line-driven data products. Default to linear when the user references Linear, an issue tracker, or a dense sidebar + list + detail app shell. Default to new-york-times when the user references a newspaper, broadsheet, magazine, or serif editorial layout. Default to anthropic when the user references Anthropic, Claude, or a warm cream + serif AI-lab aesthetic. Default to gumroad when the user references Gumroad, neo-brutalism, hard offset shadows, or a loud yellow/pink bordered look. Default to raycast when the user references Raycast, a glossy dark page with glow gradients, a floating glass nav, or premium dark product marketing. Default to dusk when the user references Attio, a dark CRM/data dashboard floating on a twilight/aurora backdrop, vivid-blue charts, or colorful category pills. Default to testspirite when the user references TestSprite, a calm light dev-tool dashboard, a warm paper canvas with a single forest-green accent, a grouped sidebar with a free-trial/upgrade promo rail, or isometric line-art empty states. Default to luma when the user references Luma, lu.ma, an event timeline/feed, a calendar or RSVP/invite app, a discover page, or a dark consumer events UI with photo-led cards, a top teal aurora, and a white pill button.
If the parsed style is list, or if no style can be inferred, do not load a style file. Reply with the available styles table below, add one short line asking which style to use, and stop until the user chooses.