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.
39 of 441 tastes · Landing pages · Modernist & geometric
Free · 1
Validated tastes that download with a free account.
In the studio · 38
Packaged. Covers are each package’s own exemplar page; a taste lists once it passes Taste QA twice.
ProBento
Modular tiles, tonal color blocks, one generous radius
Plus Jakarta SansPro
ProBauhaus
Primary colors, circles and squares, geometric type
League Spartan / Work SansPro
ProMonochrome
Black, white and grey only, inverse blocks, big grotesk
Schibsted Grotesk / Public SansPro
ProSignal Card
Poster cards with one cobalt block
Red Hat DisplayPro
ProStatement
One claim per slide, evidence beneath
Space GroteskPro
ProRaster
Swiss grid films in red and black
Inter TightPro
ProGrid
Swiss slides on a visible grid
Inter TightPro
ProIsometric
Explainers in a built isometric world
SoraPro
ProPrimary Forms
Red, yellow and blue shapes in motion
League SpartanPro
ProBauhaus Poster
Primary geometry posters
JostPro
ProBauhaus Deck
Workshop-poster slides
JostPro
ProBento Deck
Every slide a bento grid
Instrument SansPro
ProAtlas
Map-first apps
OverpassPro
ProIso Deck
Isometric explainer slides
Red Hat DisplayPro
ProCivic
Accessible public-service design
Fira SansPro
ProMosaic
Tile-mosaic cards
Josefin SansPro
ProCivic Deck
Plain-language public reports
Public SansPro
ProTerrazzo
Plaster, speckled stone and arches, with terracotta for every action
Quicksand / UrbanistPro
ProTiles
A plaster wall whose tiles turn over to spell each scene
Josefin SansPro
ProWayfinding
Airport signage as UI: pictograms, arrows and yellow on black, read at walking pace
Asap Condensed / AsapPro
ProConcourse
A launch film told in signage: gantry signs, rolling numbers, a departures board
SignikaPro
ProWayfinding Card
Announcements that read like an airport sign: arrows, gate codes and pictograms
Sofia Sans CondensedPro
ProWayfinding Deck
Slides as a signage system: black sign panels, yellow arrows and green gates
SignikaPro
ProOp Art
Swelling checkers, warped stripes and one cobalt disc on a gallery-white wall
JostPro
ProOptic
An op-art film: rings and stripe fields morph slowly, every word cut through on a band
Krona One / Work SansPro
ProRecord Sleeve Card
Square-sleeve release cards: bold colour blocks, drawn rings and the vinyl sliding out
SynePro
ProOp Art Card
Moiré rings, warped stripes and swelling checks with one vermilion shape and a solid band
Krona One / Fira MonoPro
ProJet Age
1960s air travel: a flat sky poster, wide capitals, one red and a boarding pass
Julius Sans One / FigtreePro
ProPalm Springs
Breeze-block screens, a pink door, an aqua pool and wide motel-sign capitals
Lexend Zetta / GantariPro
ProJet Age Card
1960s travel-poster cards: a climbing jet, flat sky and clouds, and a boarding-pass stub
Encode Sans Expanded / JostPro
ProPalm Springs Card
Desert-modern cards: a flat roof, pink stucco, a breeze-block screen and a palm's shadow
Montserrat Alternates / LexendPro
ProPalm Springs Deck
Desert-modern slides: pink stucco, flat roofs, breeze blocks and a pool along the foot
Krona One / Kumbh SansPro
ProAlpine
A ski-resort poster: snow peaks, pine forests, a red chalet and piste-marker status
EpiloguePro
ProSummit
A red gondola climbs past flat peaks, pines slide by, piste markers flag each feature
Staatliches / Kumbh SansPro
ProLoom
Twill and herringbone woven in SVG, yarn-dyed bands, selvedges and a crisp Syne
Syne / Funnel SansPro
ProLoom Card
Woven bands of twill and herringbone, a selvedge, a knotted fringe and a crisp grotesque
Familjen GroteskPro
ProPoolside
A flat roof line, breeze blocks sliding across pink stucco, a palm's shadow and the pool
GabaritoPro
ProTransitions
Twenty joins that carry the story to its next beat — wipe, iris, flap, curl, dive
Darker Grotesque / Red Hat MonoPro
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.
