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.
36 of 441 tastes · Docs & developer tools · Technical & digital
Free · 1
Validated tastes that download with a free account.
In the studio · 35
Packaged. Covers are each package’s own exemplar page; a taste lists once it passes Taste QA twice.
ProTerminal
Dark, mono, phosphor accents, dense data UI
JetBrains Mono / IBM Plex SansPro
ProBlueprint
White linework on blueprint blue, amber annotations
Chakra Petch / Red Hat TextPro
ProEnterprise
Calm, dense, accessible admin UI
InterPro
ProGlow UI
Dark product films lit by one blue light
OnestPro
ProTerminal
Launch films told in a running terminal
Martian MonoPro
ProBlueprint
Products that draw themselves
ChivoPro
ProLaunch Card
Product crops under one amber light
UrbanistPro
ProCode Card
Real code, one lime line
Fragment Mono / Golos TextPro
ProRaw
Exposed frames, heavy claims
Bricolage GrotesquePro
ProDev Talk
Engineering talks inside the editor
GeistPro
ProCells
Dense grids for power users
ArchivoPro
ProClassic
One-bit 1984 desktop UI
Pixelify Sans / Atkinson Hyperlegible NextPro
ProHolo
Sci-fi HUD dashboards
Rajdhani / Saira Semi CondensedPro
ProDocs
Developer docs done right
Rethink SansPro
ProInstrument
Hardware panels, knobs and readouts
Krona One / Encode SansPro
ProStudio
Dark pro tools for creative work
OnestPro
ProBlueprint Deck
Engineering drawings as slides
OverpassPro
ProGraph
Graph paper, graphite and one blue ink — every number shows its working
B612Pro
ProGlitch
Controlled digital glitch: RGB-split tears, then dead-still holds
Space MonoPro
ProGlitch Card
Controlled RGB-split headlines, datamosh blocks and HUD rails on black
Chivo MonoPro
ProGraph Deck
Engineering-notebook slides on graph paper, working shown in blue ink
B612Pro
ProRetro OS
The 1990s desktop as a real interface: bevels, title bars, dialogs and pixel icons
Jersey 15 / PT SansPro
ProBevel
A launch film on a 1990s desktop: windows pop, a pixel cursor drags and clicks
DotGothic16Pro
ProRetro OS Deck
Nineties-desktop slides with bevelled windows, dialog boxes and progress-bar metrics
Pixelify Sans / Atkinson HyperlegiblePro
ProOne Bit
Pure black on white, every tone dithered, every rule one pixel
Micro 5 / ChivoPro
ProDither
A 1-bit film: black and white, every tone dithered, windows that redraw frame by frame
Jersey 15Pro
ProOne Bit Deck
Pure 1-bit slides: black and white only, dithered charts, bitmap type and pixel icons
Jersey 10 / DotGothic16Pro
ProMission
1960s mission control — orange fields, navy screens, a patch for every flight
Hubot Sans / Public SansPro
ProLiftoff
A mission-control film: the clock hits zero, telemetry ticks, the arc draws into orbit
Michroma / IBM Plex Sans CondensedPro
ProMission Deck
Mission-control slides that count down from T−2 to the go you are asking for
Michroma / IBM Plex Sans CondensedPro
ProCircuit
Solder-mask green, copper traces routed at 45° and a designator on every part
Kode Mono / IBM Plex SansPro
ProTrace
A circuit-board film: copper traces route, pulses light parts, the product is module U1
Chakra PetchPro
ProCircuit Deck
PCB slides: solder-mask green, copper traces at 45° and designators for sections
OxaniumPro
ProRetro OS Card
A bevelled 90s window on a teal desktop: navy title bar, dialog buttons, pixel icons
Jersey 15 / PT SansPro
ProOne Bit Card
Pure black and white: dithered tones, a bitmap display plate, 1px rules, pixel icons
Micro 5 / ChivoPro
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.