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.
20 of 441 tastes · Handmade & organic · Dark
In the studio · 20
Packaged. Covers are each package’s own exemplar page; a taste lists once it passes Taste QA twice.
ProChalk
Lessons lettered on slate
Fredericka the Great / KalamPro
ProStained Glass
Jewel panes in thick lead on dark stone, with every word on a calm panel
Cinzel / LatoPro
ProStained Glass Card
Jewel-pane windows in thick lead, with every word on one calm panel
Marcellus / Alegreya SansPro
ProChalkboard
A framed slate board, hand-lettered headings and chalk underlines, arrows and tallies
Cabin Sketch / FigtreePro
ProSun Print
A cyanotype film: leaves laid on coated paper, sun exposes, a wash turns it Prussian blue
Gilda Display / Public 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
ProCyanotype Card
Sun-print cards: brushed Prussian blue, white fern silhouettes and a light serif
Crimson ProPro
ProCyanotype Deck
Sun-print slides: Prussian blue brushed on paper, white botanicals, a light serif
Noto Serif Display / CommissionerPro
ProSignwriter
Gold-leaf letters with drop shades on green glass, one script line and a pinstripe
Mr Dafoe / MerriweatherPro
ProGold Leaf
A brush paints gold-leaf capitals on dark glass, drop shades grow, pinstripes curl in
Rozha One / GelasioPro
ProSignwriter Card
Gold-leaf letters with a red shade on dark window glass, a brush script and pinstripes
Bevan / Pathway Gothic OnePro
ProSashiko
Indigo patches, cream running stitches, asanoha and seigaiha, and one persimmon thread
Tenor Sans / Merriweather SansPro
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
ProSashiko Card
Indigo cloth, white running-stitch patterns, one hemmed patch and a single red thread
Zen Kaku Gothic NewPro
ProSashiko Deck
Indigo cloth slides: white running-stitch patterns, stitched patches, a calm rounded sans
Zen Maru GothicPro
ProHoneycomb
A beekeeping film: comb fills hex by hex with amber, a bee flies flower to hive
Caprasimo / Hanken GroteskPro
ProSaddlery Deck
Tooled-leather slides: tan and oxblood hides, saddle stitches, brass rivets and a buckle
Coustard / BitterPro
ProThumbprint
A stop-motion clay film: lumps squash on twos, a ball becomes the app's frame
Modak / Baloo 2Pro
ProTreasure Map Card
Burnt parchment, inked islands and a dotted trail to a wax-red X
Pirata One / LoraPro
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.