Design in code with confidence.
The DX Design Harness gives your coding agent a shared design language and the right skills for each task. It reviews the work before it comes back to you.
What the harness gives your agent.
Orchestrator skill
Start with a plain-language request.
You say what you want in your own words.
dx-designreads the request and brings in only the skills it needs.Why it matters — No tool names to learn, no pass order to manage. The routing is the harness's job, not yours.
The catalogue
Shared design guidance agents can use.
One machine-readable catalogue of design rules, from contrast floors to anti-slop checks. Every skill reads it before it works.
Why it matters — Your agent stops guessing at taste. It builds against the same rules your team reads, so results stop drifting run to run.
Design language skill
A design language your team owns.
dx-design-languagereads your code, asks what it cannot infer, and writes aDESIGN.mdinto your repo: your colours, type, motion, and voice. Anyone on the team can edit it from there.Why it matters — The language lives with your product, so designers and engineers improve it directly instead of filing a request.
From a request to a reviewed result.
The harness is our product too, and we spent this build on how it feels to use. Start with one request in your own words, even if you do not write code every day.
Compare the output.
The same brief, run twice. Move the handle to see what three passes change when they read the catalogue.
This example used three skills. Your request brings in whichever ones it needs.
- Copy turns the buzzwords into plain language your users would use.
- Pattern pulls the nested cards apart and drops the icon tiles.
- Polish drops the gradients and the second primary for your own tokens.
Every chip on the left panel is a control ID from the catalogue.
Revolutionise your seamless communication workflow and unlock engagement at scale. SLP-9 buzzword copy
Reaches every team by Friday morning. Drafts save automatically.
To
3 teams · 42 people
Sends
Friday, 7:00am
Attached
Q3 review form
Message
Q3 reviews open this Friday. Fill in the attached form and send it back by Monday. If you would like to discuss your review, reply here and I will arrange a time.
Draft · saved a moment ago
The skills inside the harness.
See all skillsOrchestrator
Understands the request and brings in the skills it needs.
/dx-harness:dx-designCopy
Makes interface language clear, useful, and consistent.
/dx-harness:dx-design-copyPattern
Sets the structure, hierarchy, and density of the page.
/dx-harness:dx-design-patternPolish
Refines spacing, type, colour, and the small details.
/dx-harness:dx-design-polishExecute
Turns the approved direction into working product code.
/dx-harness:dx-design-executeReview
Checks the result against the control catalogue and DESIGN.md.
Runs automatically after execute
A shared language for you and your agent.
You bring the judgment. Your agent brings the execution. The harness gives you both the same design language, and the checks to build safely on each other's work.