AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance. Covers typography, color systems, motion design (motion/react, GSAP, Three.js), responsive-first layouts, and accessibility (WCAG 2.2).
SkillScore76Maintained
Automatic
◆Design & UX Review pack
Last verified 8/17/2026
What it changes
Passed 19 of 25 test cases with the skill, and 6 of 25 without it.
Without skill24%
With skill76%
Checks it passed that the model alone missed
Prohibit div-based fake screenshots on marketing pages.
Lock one accent color across pages early in the design phase.
Recommend system font stack as default for standard typography.
and 16 more in the full report
13 fixed6 passed either way6 still failing0 broke
Pass-rate lift
+52 pp
Tokens
+97%
Agent turns
0%
Response time
-28%
Model gemini-3.6-flashMeasured 8/17/2026v319 of 25 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 13
Prompt
We need visual direction guidance for an e-commerce checkout page targeting busy mobile shoppers who value speed and clarity. How should you open your response before proposing any design decisions?
What was checked, without and with the skill
Checked
Without skill
With skill
Declare a one-line Design Read specifying page kind, target audience, and vibe language.
Missed
Passed
case-25 · gemini-3.6-flash · 8/17/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md266 linessingle file
oma-design
Scheduling
Goal
Design specialist that defines, creates, and validates project design systems.
DESIGN.md is the central artifact; all design work revolves around it.
Intent signature
User asks for design system, DESIGN.md, visual direction, typography, color, motion, accessibility, anti-pattern review, or component guidance.
User needs design decisions before frontend implementation or wants UI quality audited from a design perspective.
When to use
Defining or revising a project design system
Creating or auditing DESIGN.md
Selecting typography, color, layout, motion, or component direction
Reviewing UI work for responsive behavior, accessibility, and visual quality
Redesigning an existing site or app (preserve vs overhaul modes)
Using optional vendor inspiration from Stitch MCP or getdesign
When NOT to use
Implementing frontend components or application UI -> use oma-frontend
Planning product scope or task breakdown -> use oma-pm
Backend, database, infrastructure, or mobile implementation -> use the relevant specialist skill
General quality/security review outside visual, interaction, and accessibility concerns -> use oma-qa
Expected inputs
Product, brand, audience, platform, and UI/design problem
Existing .design-context.md, DESIGN.md, screenshots, references, or component constraints
Accessibility, responsive, language, and implementation constraints