aa-on-ai/agentic-design-system
Plugin Claude Code
A design system for AI agents that build UI. 10 skills, routing logic, templates, and verification scripts that raise the quality floor on agent-generated interfaces.
aa-on-ai/agentic-design-system
Instructions file CodexOpenCode
Instructions for aa-on-ai/agentic-design-system, covering agentic design system — agent instructions, start here, skills, routing and verification.
aa-on-ai/agentic-design-system
Instructions file
Instructions for aa-on-ai/agentic-design-system, a project described as: Design governance for coding agents: intent, context, rendered evidence, review, and revision.
aa-on-ai/agentic-design-system
Skill Claude CodeCodex
Design websites and applications that AI agents can consume, navigate, and interact with. Use when building any site, app, or product that agents will use as an end-user — not just crawl or index. Covers semantic structure, accessibility-as-agent-interface, machine-readable data, API-first patterns, and the emerging…
aa-on-ai/agentic-design-system
Skill Claude CodeCodex
Route all visual and frontend work through ADS outcome, review, evidence, and creative-pack gates.
aa-on-ai/agentic-design-system
Skill Claude CodeCodex
Core visual quality gate with evidence, coverage, modal, terminology, and motion review.
aa-on-ai/agentic-design-system
Skill Claude CodeCodex
Explore 3-5 distinct UI directions in one browser artifact before implementation; use when direction is undecided.
aa-on-ai/agentic-design-system
Skill Claude CodeCodex
Core pack — always active as final step. Visual polish pass for spacing, hierarchy, alignment, and cleanup. Runs after design-review and ux-baseline-check as the last quality step before presenting work.
aa-on-ai/agentic-design-system
Skill Claude CodeCodex
Core pack — always active for visual work. Enforces UX quality standards on any screen, flow, form, or dashboard. Ensures nothing ships with missing states. Auto-activates alongside design-review for all frontend work.
aa-on-ai/agentic-design-system
Skill Claude CodeCodex
Use before implementing UI/design from an artifact supplied as a desired visual reference, such as a screenshot, CodePen, Dribbble shot, website, or “make it feel like this” request. Screenshots used only to point out a defect stay in the normal review path. Prevents cargo-culting mechanics, fake UI chrome, and…
aa-on-ai/agentic-design-system
Skill Claude CodeCodex
Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easing, timing, duration, springs, transitions, or animation performance. This includes questions about how to animate specific UI elements, which easing to use…
aa-on-ai/agentic-design-system
Skill Claude CodeCodex
Creative pack — use only when a UI task explicitly needs personality, delight, brand expression, marketing/editorial energy, or a non-default visual direction. Skip for utility UI unless the default-safe output is the problem.
aa-on-ai/agentic-design-system
Skill Claude CodeCodex
Creative pack — use only when the user explicitly asks for immersion, atmosphere, narrative depth, or a page that should feel like a place. Skip for normal product UI, dashboards, forms, settings, and docs.
aa-on-ai/agentic-design-system
MCP server Claude CodeCodexCursor +2
Render web and SwiftUI evidence, run explicit visual judgment, and trace ADS UI decisions. Runs locally from the ads-mcp npm package.