The 22 skills · Craft skill · Core Pack and Everything
AGENT SKILL
agent-era-design: what it makes your agent do, and what it refuses.
agent-era-design is the house style your agent applies to any surface it builds: report page, dashboard, landing page, hand drawn SVG. One accent, ink and neutrals everywhere else, three type sizes, and a render you actually looked at before you call it done.
The job agent-era-design does
This skill carries the ratified design language: surfaces and chrome, the colour law, the typography law, the dashboard look, a catalogue of the tells that mark a page as machine generated, and the traps measured while drawing SVG charts by hand. It exists because a generated interface fails in predictable ways: five font sizes, bold everywhere, a decorative accent on every card, and a chart authored at one width that renders at another with five pixel labels. Each rule names the failure it came from, so the agent has a reason rather than a preference, and the page it ships reads as designed instead of assembled.
What agent-era-design refuses
A skill is worth what it stops as much as what it produces. These are the refusals written into agent-era-design, taken from the rules and limits in its own file.
- ✓Non semantic accent colour. Chrome is ink and neutrals. Green means up or good, red means down or fails, and nothing else borrows either.
- ✓The slop catalogue. Gradient heroes, glassmorphism as decoration, emoji bullets, coloured accent borders on cards, hover states on inert elements.
- ✓Shipping a chart nobody rendered. CSS and SVG that read right are not evidence. Screenshot it, look at it, and fix any label that clips before it ships.
- ✓Eyeballing colour blind safety. Beyond the house patterns it hands the palette to a validator rather than a judgment call.
10 lines from the agent-era-design skill file, verbatim
From skills/agent-era-design/SKILL.md, unedited. Kymira skills are plain text you can
read in full before you install them, which is the point of shipping a method rather than a binary.
- **Colour only on data.** Chrome is ink and neutrals. No blue. No non-semantic accent, ever. Links = ink with a quiet hairline underline. - **Green = up/good. Red = down/fails. Nothing else means anything.** Never reuse these for decoration or for a "series 3". - MEASURED (2026-08-08): this green/red pair fails colour-blind separation as a *categorical* pair (deutan ΔE 4.9 on graphite). It is legal only as a STATUS pair — so polarity must always be carried by **position** (diverging around a zero line), glyphs (▲▼ ✓), or words, with colour reinforcing. Magnitude is carried by **ink density**, one hue. - Every state is also encoded by label, position, or value — nothing reads
The failure modes agent-era-design addresses
No entry in the catalogue of 51 observed failure modes names agent-era-design as the thing that addresses it. The catalogue records failures we have watched happen, so a skill appears there once a failure it covers has actually been observed and written up. Read the catalogue.
The tier agent-era-design ships in
| Tier | Price | What the tier holds | agent-era-design |
|---|---|---|---|
| Free | $0 | honest-dataviz and the eleven doctrine principles, published in full | Not in this tier |
| Core Pack | $199 | the thirteen craft skills, one-time purchase, lifetime updates | Included |
| Everything | $349 | all 22 skills, both libraries, the template bank, one-time purchase, lifetime updates | Included |
Both paid tiers are a one-time purchase with lifetime updates, and all sales are final: the files are plain text you keep the moment they arrive, so judge the quality on the free skill and the published doctrine first. The pricing section states exactly what each tier contains.
Installing agent-era-design
A skill is a folder with a SKILL.md file in it. Installing one is copying that folder where
your agent looks for skills, with no build step and no dependencies.
mkdir -p ~/.claude/skills cp -R Kymira/skills/agent-era-design ~/.claude/skills/
Or open the unzipped pack in Claude Code and say install Kymira, which installs every skill in your tier, or double-click the installer for your system. Cursor reads the same skill as a rule file: copy agent-era-design.mdc into .cursor/rules/. Skills are read at startup, so start a new session and ask your agent which skills it has available.
Not for
It is not a component library and it does not replace your company brand. It governs the surfaces the agent builds for you, not your marketing site, and it says nothing about whether the numbers on those surfaces are right.
Last updated 2026-08-08 · Dylan, founder · one of 22 packaged skills, each one a method written down, not a product tour.