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.
15 of 441 tastes · Blogs & publications · Dark
In the studio · 15
Packaged. Covers are each package’s own exemplar page; a taste lists once it passes Taste QA twice.
ProKinetic Type
Huge words cut on the beat
Archivo Black / ArchivoPro
ProBulletin
Announcements cut like a newscast
Oswald / BarlowPro
ProTrailer
Movie-trailer title cards
Cinzel / AntonioPro
ProBlackletter
Dark gothic with manners: blackletter titles, red initials and a calm book face
Grenze Gotisch / VollkornPro
ProBlackletter Card
Gothic gig-poster cards with one rubricated red initial
Grenze Gotisch / EB GaramondPro
ProReading Room Deck
Library slides on an oak table: catalogue cards, call numbers and one lamp green
SpectralPro
ProTape Deck
A mixtape film: a marker scribbles the label, the tape clicks in, the J-card unfolds
Sedgwick Ave Display / Encode Sans CondensedPro
ProCyanotype Card
Sun-print cards: brushed Prussian blue, white fern silhouettes and a light serif
Crimson ProPro
ProSafelight
A darkroom film: a print develops under red light, a grease pencil rings the keeper
Gloock / Sometype MonoPro
ProDarkroom Card
Safelight-red cards: a contact sheet of drawn frames and one grease-pencil keeper
Darker GrotesquePro
ProTarot
Framed arcana cards, roman numerals and garnet banners, sun, moon and stars in gold line
IM Fell English SC / SpectralPro
ProArcana
A tarot film: cards deal and turn over, a gold celestial wheel turns at midnight
Aboreto / EB GaramondPro
ProTarot Deck
Reading slides: tall tarot cards, roman arcana, gold banners, midnight and gold
IM Fell English SC / IM Fell EnglishPro
ProDeep Sea Card
Abyssal depth bands, glowing deep-sea silhouettes, marine snow and a depth gauge
Bricolage GrotesquePro
ProRubric
A red initial is rubricated stroke by stroke, blackletter stamps, a wax seal presses
Grenze Gotisch / VollkornPro
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.