You bring the taste. uxplate gives your coding agent a searchable design brain and a design system it commits to, so what it ships looks designed, not defaulted.
# uxplate is the `design` skill in the upskill suite.# install the upskill, then ask in plain language:/up:design search a calm dashboard for a health app
Free tier · Claude Code · zero dependencies.
60UI styles
72product profiles
96UX rules
12framework stacks
48font pairings
120fonts catalogued
100%offline
what it knows
Ask /up:design, in plain language
Type /up:design search in Claude Code and describe what you're building. Your agent comes back with something concrete - a named style, a real palette, a specific rule - not a vibe. It reaches across six design domains and picks the right one for you. No flags to remember, no syntax to learn.
UI styles
Named styles, each with palette tokens, effects, an a11y grade and a pre-flight checklist.
/up:design searcha calm dashboard for a health app
The stack-rules domain carries a framework rulebook for each of these, so the design decisions come back in the idioms your stack actually uses. The core set is free; the full corpora and deeper rulebooks are Pro.
how it works
Decide once. Ship consistent pages.
Ask /up:design scaffold to set up your project once. It resolves your description into a design system and writes it into your repo. From then on your agent designs against that file, not against whatever it feels like today.
01
Install the upskill
One /plugin install adds the whole upskill suite, design included. Python 3.9+ standard library only. Nothing to pip install, nothing to configure.
free
02
Ask /up:design scaffold to design it
Describe what you're building in a sentence. It picks the pattern, style, palette, type, spacing and motion, and saves them as your design system. Or drop in a free sampler theme and skip straight to building.
Pro · offline
03
Your agent follows MASTER.md
Decisions persist in your repo. Every page, every session, the agent reads the same system, with per-page overrides when you need them.
offline
Claude Code
> /up:design scaffolda booking site for a dental clinic, call it Bright Smiledesign · resolving your design system…# Design system: Bright Smile## Recommended pattern
Local Service with Map (local-service-map)
hero → service-area-map → services → reviews → team → hours → booking
## Style
Flat Design (flat-design) - solid fills, no gradients or shadows
## Palette
--color-primary: #0E7490 --color-cta: #0C637C --color-bg: #FCFEFF
Text 13.8:1, CTA carries white at 6.8:1## Typography
Care and Clarity - heading: Lexend · body: Noto Sans · scale 1.2
## Motion
Toast fade in and out - 150ms; honors prefers-reduced-motion
… spacing tokens, accessibility notes, dials …✓ Saved to design-system/bright-smile/MASTER.mdI'll design every page against this system from now on.
the output
A design system, not a mood board
Describe what you are building and /up:design scaffold (Pro) resolves a full system: pattern, style, palette tokens, type scale, spacing and motion, written to MASTER.md in your repo. Download the sample as a one-page spec sheet.
prints the Bright Smile design system to a one-page spec sheet
uxplate
Design system (sample)
Project: Bright Smile (sample) · /up:design scaffold · July 2026
bright-smile/MASTER.md
# Design system: Bright Smile · /up:design scaffold · offline## resolved from: "a booking site for a dental clinic"pattern Local Service with Map hero → map → services → reviews → team → hours → bookingstyle Flat Design solid fills, no gradients or shadowspalette #0E7490 primary · #0C637C cta · #67E8F9 accent · #FB923C support
type Lexend / Noto Sans scale 1.2 modularmotion toast fade 150ms honors prefers-reduced-motion✓ Saved to design-system/bright-smile/MASTER.mdrecommended next scaffold the booking page against this system
> build this page? [enter] · pick another style [n] · "spec" prints the design-system sheet
Bright Smile - design system · resolved from "a booking site for a dental clinic" · sample
Recommended patternLocal Service with Map (local-service-map) - hero, service-area map, services, reviews, team, hours and booking
StyleFlat Design (flat-design) - solid fills, no gradients or shadows
Colour tokens
Swatch
Token
Hex
Role
Contrast
--color-primary
#0E7490
Primary
-
--color-cta
#0C637C
CTA
white text 6.8:1 (AA)
--color-accent
#67E8F9
Accent
-
--color-support
#FB923C
Support
-
--color-ink
#123038
Text
on bg 13.8:1 (AAA)
--color-bg
#FCFEFF
Background
-
Type scale (1.2 modular · Lexend / Noto Sans)
Step
Size
Use
Display
33 px
Page hero
H2
28 px
Section titles
H3
23 px
Card titles
Lead
19 px
Intro copy
Body
16 px
Paragraph text
Small
13 px
Meta and labels
Spacing scale (px)
48162432
Motion
Toast fade in and out - 150ms. Honors prefers-reduced-motion.
Accessible contrast
Body text #123038 on the #FCFEFF background reads 13.8:1 (WCAG AAA). The CTA #0C637C carries white text at 6.8:1 (WCAG AA). Every pairing is graded before it ships.
uxplate.com · design intelligence for AI coding agents. Sample design system for illustration. Generated offline by the upskill (design).
themes
Themes are design systems, ready to drop in
A theme is a ready-made MASTER.md plus page overrides. Drop one into your project's design-system/ folder and /up:design builds against it from the very next prompt. Three samplers ship with the skill; the full catalog lives on Theme Tanker.
free tier
Retro Terminal
Phosphor green on near-black, JetBrains Mono headings. For CLIs, dev tools and status pages.
Agentwo is the group's done-for-you automation service, built from a simple deliverables menu and run on your own infrastructure. Automate the automation.
uxplate ships as the design skill in the installed upskill suite. It searches the design brain, scaffolds your design system and calls Theme Tanker for colour; radhr calls it for fixes.
Works with Claude Code and Cursor · offline core · early access.
install
# install upskill into your coding agent/plugin marketplace add uplinkdgroup/upskill
/plugin install up@uplinkd-upskill
# then, in any project# query the design brain (free)/up:design search calm dashboard
# list the searchable domains (free)/up:design list
# generate a design system (Pro)/up:design scaffold a booking site
# One design system, every page consistent.# Works with Claude Code, Cursor and VS Code.
pricing
Free to start. Pro when you want the rest.
uxplate is the design skill in the upskill suite. The free tier is the full offline design brain. Pro adds the design-system scaffold and is included with upskill Pro, one subscription that unlocks the Pro tier of every skill in the suite.
Free
$0
The offline design skill, free to use. Public via the CLI and plugin.
Searchable styles, product profiles, typography, UX rules and landing patterns
Persistent MASTER.md your agent designs against, with per-page overrides
Three sampler themes, ready to drop in
Zero network calls from the skill itself, standard-library Python, auditable in one sitting
Yes, there is a free tier. uxplate is the design skill in the upskill suite, and the free tier runs fully offline: the searchable design data across styles, product profiles, typography, UX rules, landing patterns and stack rules, plus three sampler themes ready to drop in. Pro adds scaffold, the design-system generator, along with the full corpora and deeper stack rulebooks, and it is included with upskill Pro. One subscription unlocks the Pro tier of every skill in the suite, for US$149/yr via Stripe or 2 BSV/yr (~US$50) at the Bitcoin community rate.
What agents does it work with?
It is built for Claude Code first, with a one-command plugin install. Because the data layer is plain CSV and the scripts are dependency-free Python 3.9+, it runs anywhere a coding agent can call a Python CLI, including Cursor, VS Code and your own design-system tooling. Same skill, more layers.
Does it phone home?
No. uxplate itself makes zero network calls when searching, listing and scaffolding: the scripts read no environment variables, spawn no processes and use nothing outside the Python standard library. They read bundled CSVs and write markdown into your project. One honest caveat: the coding agent you run it inside, such as Claude Code or Cursor, may send data back to its own provider, which is outside our control. The whole codebase is small enough to audit in one sitting, and we recommend it.
How do themes work?
A theme is a generated design system: a MASTER.md capturing pattern, palette, typography, spacing and motion decisions, plus optional per-page override files. Drop one into your project's design-system/ directory and the agent designs against it from the next prompt on.
Can I use it commercially?
Anything you build with the skill (sites, apps and client work) is yours to ship. The skill's own code and data are governed by the repository LICENSE, which becomes a permissive open-source license at public launch.
part of the upskill suite
One suite. Colour, design, growth, proof and security.
Installable skills that plug into your coding agent and call each other. One upskill Pro subscription unlocks the Pro tier of every skill.