aa-on-ai/agentic-design-system

1

web-animation-design Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user as…

aa-on-ai/agentic-design-system

43

2

design-review Core visual quality gate with evidence, coverage, modal, terminology, and motion review.

aa-on-ai/agentic-design-system

41

3

ui-polish-pass Core pack — always active as final step. Visual polish pass for spacing, hierarchy, alignment, and cleanup. Runs afte…

aa-on-ai/agentic-design-system

41

4

agent-friendly-design Design websites and applications that AI agents can consume, navigate, and interact with. Use when building any site,…

aa-on-ai/agentic-design-system

39

5

agentic-design-system Route all visual and frontend work through ADS outcome, review, evidence, and creative-pack gates.

aa-on-ai/agentic-design-system

39

6

ux-baseline-check Core pack — always active for visual work. Enforces UX quality standards on any screen, flow, form, or dashboard. Ens…

aa-on-ai/agentic-design-system

39

7

whimsical-design Creative pack — use only when a UI task explicitly needs personality, delight, brand expression, marketing/editorial …

aa-on-ai/agentic-design-system

35

8

visual-reference-calibration Use before implementing UI/design from an artifact supplied as a desired visual reference, such as a screenshot, Code…

aa-on-ai/agentic-design-system

33

9

world-build Creative pack — use only when the user explicitly asks for immersion, atmosphere, narrative depth, or a page that sho…

aa-on-ai/agentic-design-system

33

10

design-variations Explore 3-5 distinct UI directions in one browser artifact before implementation; use when direction is undecided.

aa-on-ai/agentic-design-system

25