Agentic Design System is a repo-local skill pack for coding agents. This page shows its input, browser checks, corrected screen, evidence report, and separate grader verdict.

Open source repo-local interface skill pack

A design system for agents.
Proof for humans.

The system installs skills, templates, and rendered checks into your project. It turns an interface request into a brief, a browser-tested repair, evidence, and a review verdict before your coding agent calls the work done.

Codex example, choose your agent and activate the system
Follow the interface repair

Interface run / orders-4821

A delayed order is buried.
The agent has to surface it.

Follow the request from a testable brief to the repaired screen, its evidence, and a separate verdict. A human still decides whether the work is done.

Clarify / outcome.md

Turn the request into a testable outcome.

The system gives the agent a job it can fail: who the screen is for, what must become obvious, which states are required, and when the run stops.

Input

A concrete brief the agent can build against.It names the user, the outcome, the required states, and the stop condition.
Outcome briefbrief locked
Input briefoutcome.md

Make delayed orders impossible to miss before dispatch closes.

User
Operations lead
Must show
Loading, empty, error, and 390px
Stop when
Evidence + separate grader verdict
The agent now has a job it can fail.
System run / orders-482101 of 05

Build / first render

Catch the failure in the pixels.

The first build runs in a browser. The system records overflow, missing states, touch targets, and accessibility before taste enters the room.

Failed check

Two visible failures tied to the rendered screen.The first capture found 36 pixels of overflow and a missing error state.
Browser capture2 checks failed
Failed checkcapture.mjs

The first browser capture exposes objective failures.

northstar / orders390px
OperationsOrders
12 open
#4821Mara ChenDelayed38m
#4819Field Notes Co.Packing1h
#4816Owen BellShipped2h

Failed, the delayed order is buried

Failed check 01Horizontal overflow, 36px
Failed check 02Error state missing
PassedHeading order
System run / orders-482102 of 05

Build / repair candidate

Repair the screen, not the explanation.

The coding agent changes the actual interface: delayed orders lead, recovery states exist, and the mobile layout no longer overflows.

Corrected screen

The product changes where the evidence said it failed.Urgent work leads, missing states are complete, and mobile no longer overflows.
Repair candidatecandidate ready
Corrected screencandidate / orders

The coding agent repairs the actual screen against the brief.

northstar / orders390px
OperationsOrders at risk
3 urgent
03 at risk2h 14m dispatch closes
#4821Mara ChenDelayed38m
#4819Field Notes Co.Packing1h
#4816Owen BellShipped2h

Fixed, urgent work leads

Priority urgent orders leadStates loading, empty, and errorMobile overflow removed
System run / orders-482103 of 05

Prove / run-report.md

Package what changed and prove it.

The system captures consistent viewports and attaches accessibility, overflow, and touch receipts so a reviewer can inspect the same result.

Evidence report

Screenshots and checks travel with the change.The packet covers 390, 768, and 1280 pixel views with accessibility, overflow, and touch checks.
Evidence reportevidence complete
Evidence reportrun-report.md

Rendered proof replaces “looks good.”

390mobile768tablet1280desktop
0 serious axe0 overflow0 small targets

evidence/homepage/default-390x844.png

System run / orders-482104 of 05

Review / grader-report.md

A separate critic bounds the next decision.

The grader accepts the evidence or returns a bounded revision. If the loop exhausts its budget, the unresolved judgment goes to a human.

Grader verdict

Satisfied or needs revision, from a separate context.The critique stays independent. The human still accepts, revises, or stops.
Review verdictsatisfied
Grader verdictgrader-report.md

A separate critic can accept the evidence or send the screen back.

VerdictSatisfiedEvidence matches the outcome.
Quality 8.7Craft 9.1Function 9.0

The other outcome is needs revision, with a human review if it stays unresolved.

System run / orders-482105 of 05

Repo-local / permissive license

Put the review loop
in the repo.

The skill pack installs into five release-tested agent targets. The optional local evidence server adds rendered evidence, evaluation, and provenance where the host supports it.
Install the complete skill packCodex shown. Tested activation paths are documented for all five installer targets.
Choose your agentInspect the optional evidence toolsOpen the optional Workbench

Local evidence server, version 0.3.0

Host acceptance, without the hand-waving.

3 verified / 1 limited / 1 untested
VerifiedCodex, OpenClaw, and Claude Code
The primary render, evaluation, trace loop, and fresh-session resource recovery passed on macOS.
LimitedHermes
The primary loop passed. Fresh-session resource discovery is not verified on Hermes 0.19.0.
UntestedCursor
No public compatibility claim yet. Cursor agent mode remains outside the accepted matrix.

Acceptance run on for macOS and the public npm package

Before you install

The useful questions.