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.
51 of 441 tastes · Launch videos · Dark
In the studio · 51
Packaged. Covers are each package’s own exemplar page; a taste lists once it passes Taste QA twice.
ProGlow UI
Dark product films lit by one blue light
OnestPro
ProKinetic Type
Huge words cut on the beat
Archivo Black / ArchivoPro
ProTerminal
Launch films told in a running terminal
Martian MonoPro
ProBlueprint
Products that draw themselves
ChivoPro
ProMaison
Slow black-and-ivory brand films
Cormorant Garamond / JostPro
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
ProChalk
Lessons lettered on slate
Fredericka the Great / KalamPro
ProPrintout
A thermal receipt prints the story
Doto / Azeret MonoPro
ProUnbox
Hardware reveals on a turntable
ManropePro
ProHype
Stadium-energy sports hype
Sofia Sans Extra Condensed / Sofia Sans CondensedPro
ProCountdown
A flip clock counting to launch
Schibsted GroteskPro
ProArcade
8-bit game launch films
Silkscreen / Tiny5Pro
ProDeco Titles
Art Deco title sequences
Six Caps / FederoPro
ProForecast
Your metrics as a weather report
SairaPro
ProTrailer
Movie-trailer title cards
Cinzel / AntonioPro
ProGlitch
Controlled digital glitch: RGB-split tears, then dead-still holds
Space MonoPro
ProOutrun
Synthwave launch films: a striped sun, a scrolling grid floor, chrome type
Audiowide / Space GroteskPro
ProConcourse
A launch film told in signage: gantry signs, rolling numbers, a departures board
SignikaPro
ProObservatory
A star chart where constellation lines draw each idea
NewsreaderPro
ProShip's Log
A maritime film: rope ties off each scene, the compass turns, the log ticks
DM Serif Display / DM SansPro
ProCinnabar
A lacquerware film: gold lines draw on cinnabar, light sweeps the lid, the box opens
Marcellus / Albert SansPro
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
ProTrace
A circuit-board film: copper traces route, pulses light parts, the product is module U1
Chakra PetchPro
ProSun Print
A cyanotype film: leaves laid on coated paper, sun exposes, a wash turns it Prussian blue
Gilda Display / Public SansPro
ProGame Night
A board-game film: the lid lifts, the board unfolds, dice roll and a pawn hops
Lilita One / Plus Jakarta SansPro
ProTape Deck
A mixtape film: a marker scribbles the label, the tape clicks in, the J-card unfolds
Sedgwick Ave Display / Encode Sans CondensedPro
ProGold Leaf
A brush paints gold-leaf capitals on dark glass, drop shades grow, pinstripes curl in
Rozha One / GelasioPro
ProSafelight
A darkroom film: a print develops under red light, a grease pencil rings the keeper
Gloock / Sometype MonoPro
ProRunning Stitch
A sashiko film: white stitches sew patterns on indigo, a patch is stitched over a tear
Zen Maru GothicPro
ProWarp & Weft
A weaving film: the shuttle passes and each line is woven in, row by row
Alumni Sans / CommissionerPro
ProArcana
A tarot film: cards deal and turn over, a gold celestial wheel turns at midnight
Aboreto / EB GaramondPro
ProGolden Seam
A kintsugi film: a bowl cracks, gold runs along every seam, one glint of light
Zen Old Mincho / Zen Kaku Gothic NewPro
ProHoneycomb
A beekeeping film: comb fills hex by hex with amber, a bee flies flower to hive
Caprasimo / Hanken GroteskPro
ProAbyss
A deep-sea film: the frame descends, marine snow drifts, creatures of light pulse slowly
Tenor Sans / Nunito SansPro
ProCheckmate
A chess film: the set takes its squares, pieces glide, notation types, a clock taps
Libre Caslon Display / EpiloguePro
ProDouble Feature
A drive-in film: dusk turns to night, cars roll in, the big screen flickers on
Bungee / Barlow Semi CondensedPro
ProThumbprint
A stop-motion clay film: lumps squash on twos, a ball becomes the app's frame
Modak / Baloo 2Pro
ProLead Light
Lead lines draw the window, jewel panes light one by one, colour pools on the stone
Forum / Alegreya SansPro
ProRubric
A red initial is rubricated stroke by stroke, blackletter stamps, a wax seal presses
Grenze Gotisch / VollkornPro
ProWarehouse
Lines warp in, wire globes turn, lime stickers slap on — a rave flyer that moves
Mona SansPro
ProWish You Were
Big letters that fill with the view, and a card that flips to be stamped and sent
Passion One / Libre FranklinPro
ProLagoon Lounge
Bamboo slides in, carving draws, a hibiscus blooms and torches sway after dark
Kavoon / RubikPro
ProProduct Reveals
Twenty ways for your product to arrive — out of the dark, through a lid, a door, a turn
Instrument SansPro
ProData Beats
Twenty moves that make one number land — counts, bars, peaks, rings, funnels, maps
Host GroteskPro
ProFeature Callouts
Twenty ways to point at one feature — leaders, loupes, pins, spotlights, crop marks
Spline SansPro
ProEnd Cards
Twenty closing beats that land a name, one action and an address — then hold still
EpiloguePro
ProCreator Overlays
Twenty overlays for your own footage — names, captions, polls, timers, follow cards
Paytone One / Host GroteskPro
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.