Tastes
Taste skills for AI coding agents.
A taste skill is a complete visual identity — tokens, components, layouts and motion — that your coding agent applies to every screen it builds. Not a style guide it may ignore, not one template it copies: a point of view it can hold across a whole product.
38 of 441 tastes · Landing pages · Bold & expressive · Dark
In the studio · 38
Packaged. Covers are each package’s own exemplar page; a taste lists once it passes Taste QA twice.
ProNeon
Magenta and cyan glow, angled cuts, after-dark energy
Orbitron / Exo 2Pro
ProIndustrial
Steel grey, safety orange, stencil labels, heavy frames
Big Shoulders Display / BarlowPro
ProAthletic
Volt on black, condensed italics, diagonal speed
Anton / Barlow CondensedPro
ProKinetic Type
Huge words cut on the beat
Archivo Black / ArchivoPro
ProKeynote Dark
One huge idea per black slide
Mona SansPro
ProRewind
Launch films on a 1980s VCR
Pixelify Sans / VT323Pro
ProBulletin
Announcements cut like a newscast
Oswald / BarlowPro
ProNeon
Neon tube signs over a wet street
Tilt Neon / Hanken GroteskPro
ProCreator Cut
Vertical shorts with giant captions
Bricolage Grotesque / Rethink SansPro
Pro8-Bit
Pixel-art game cards
Press Start 2P / Pixelify SansPro
ProHype
Stadium-energy sports hype
Sofia Sans Extra Condensed / Sofia Sans CondensedPro
ProSticker Pack
A die-cut sticker sheet
Bagel Fat One / OutfitPro
ProScoreboard
Sports-data slides on an LED board
Big Shoulders Display / ChivoPro
ProGilded
Black, cream and brass arches
Limelight / Kumbh SansPro
ProFestival
Lineup posters and wristbands
Sofia Sans Extra Condensed / Sofia SansPro
ProLineup
Festival lineup posters
League Gothic / Work SansPro
ProNewsroom
Broadcast-news slides
Sofia Sans Extra Condensed / Sofia SansPro
ProSynthwave
A striped sun over a cyan grid floor, magenta-edged type and panels you can read at 2 a.m.
Audiowide / Titillium WebPro
ProOutrun
Synthwave launch films: a striped sun, a scrolling grid floor, chrome type
Audiowide / Space GroteskPro
ProSynthwave Card
Outrun night cards: a striped sun, a neon grid and a chrome headline
Audiowide / Share Tech MonoPro
ProSynthwave Deck
Outrun slides with a striped sun and a neon grid floor
Audiowide / Chakra PetchPro
ProAcid
Acid lime on black stock, stretched wide type, wire meshes and stickers slapped on
Rubik Mono One / ArchivoPro
ProBlackletter Card
Gothic gig-poster cards with one rubricated red initial
Grenze Gotisch / EB GaramondPro
ProAcid Card
Rave-flyer cards: acid lime on black, stretched outlined type and wire meshes
AnybodyPro
ProTiki
Teak after dark, flame and lagoon, bamboo frames, carved menu cards and drawn palms
Kavoon / RubikPro
ProTiki Card
Tiki-bar menu and event cards: carved teak, a lashed bamboo frame and one hibiscus
Trade Winds / OswaldPro
ProPit Lane
Carbon, one volt signal, invented livery and tabular telemetry for fast, readable apps
Zalando Sans Expanded / BarlowPro
ProPole Position
A motorsport film: livery whips, numbers slam into roundels, a HUD counts the laps
AnybodyPro
ProCurtain Call
A theatre film: velvet curtains part, a spotlight finds each line, the product takes a bow
Abril Fatface / Libre BaskervillePro
ProPit Lane Card
Motorsport cards: one invented livery, a race-number roundel and timing-screen readouts
SairaPro
ProTheatre
Velvet drapes in a gilded proscenium, one spotlight, playbill type and seat maps
Abril Fatface / Libre FranklinPro
ProTheatre Deck
Stage slides: velvet drapes, a gilded proscenium, a spotlight on the claim, playbill type
Bigshot One / BesleyPro
ProDrive-In
A starry sky, a big cream screen, cars in rows and a marquee arrow sign drawn in SVG
Shrikhand / Barlow Semi CondensedPro
ProDouble Feature
A drive-in film: dusk turns to night, cars roll in, the big screen flickers on
Bungee / Barlow Semi CondensedPro
ProDrive-In Deck
Drive-in slides: starry sky, the big screen, finned cars, a bulb-lit marquee arrow
Righteous / Barlow Semi CondensedPro
ProWarehouse
Lines warp in, wire globes turn, lime stickers slap on — a rave flyer that moves
Mona SansPro
ProLagoon Lounge
Bamboo slides in, carving draws, a hibiscus blooms and torches sway after dark
Kavoon / RubikPro
ProDrive-In Card
A cream screen under the stars, rows of finned cars, a bulb-lit arrow and a letter board
Sonsie One / Barlow Semi CondensedPro
By use
What are you building?
How to install a taste- Landing pages380 tastesEditorial, Swiss, Brutalist…
- Web apps & dashboards227 tastesEditorial, Swiss, Terminal…
- Online stores169 tastesSoft Depth, Playful Pop, Quiet Luxury…
- Portfolios47 tastesEditorial, Brutalist, Quiet Luxury…
- Blogs & publications78 tastesEditorial, Swiss, Risograph…
- Docs & developer tools49 tastesBrutalist, Terminal, Midnight…
- Launch videos119 tastesGlow UI, Kinetic Type, Terminal…
- Social images & OG cards98 tastesSignal Card, Quote Card, Infographic…
- Pitch decks & slides88 tastesStatement, Sketchnote, Keynote Dark…
- All tastes441 tastesSearch by style, tone or keyword
Questions
Questions, answered.
- What is a taste skill?
- A folder your coding agent reads before it designs anything: a manifesto, design tokens, component and layout rules, motion, and do/don’t examples. Install it once and every page or screen the agent builds follows that identity instead of framework defaults.
- Which agents does it work with?
- Claude Code, Cursor, Codex, Gemini CLI and any agent that reads Agent Skills (a SKILL.md folder). The install guide covers each one.
- Does it work with my framework?
- Yes. Tokens ship as CSS variables, Tailwind v3 and v4 config and neutral JSON, and the rules are written for plain HTML/CSS, so React, Next.js, Vue, Svelte or static sites all work.
- How do I know it actually works?
- A taste goes on sale only after it passes Taste QA twice: a fresh agent builds the same standard brief with the skill installed, and the result is graded against a written checklist. The before/after on each skill page comes from a run of that brief.