design

Audit a screen, component, deck, document, or asset for design-system drift and named AI-tell violations — produce a prioritized fix list

Start an 8.5×11 long-form document — whitepaper, POV, brief, playbook, case study. Calibrate, define the document system, lay out, run pre-delivery checklist

Start a 16:9 presentation deck — calibrate, define the deck system, build masters, compose slides, run pre-delivery checklist

Build LinkedIn or Instagram social asset — single post or carousel series. Calibrate, define asset system, compose with brand consistency

Run the four checks (swap, squint, signature, token) plus named-bans audit on a design — produce a tabular Before/After/Why critique

Senior design practitioner spanning UI, UX, web, mobile, motion, accessibility, plus surface-specific authoring (16:9 decks, 8.5×11 documents, social assets, iconography, visualization, imagery), and the operational task workflows (taste, process, audit, screen, handoff). Use this agent when a task spans multiple skills in this plugin, requires sequencing, or needs senior-level judgment about which skill to apply. Tagline: Design end-to-end — taste calibration, process discipline, surface-specific authoring, accessibility, motion, and dev-ready handoff.

Ensure digital products are usable by everyone through WCAG 2.2 compliance, ARIA authoring, automated testing, and inclusive design practices. Own both the design and code aspects of accessibility — from color contrast and touch targets to screen reader optimization and keyboard navigation. Use when auditing accessibility, fixing WCAG violations, implementing ARIA patterns, setting up automated a11y testing, designing inclusive interfaces, building accessible forms, or creating remediation plans. Also known as: a11y engineer, inclusive design specialist, WCAG consultant, accessibility auditor, assistive technology specialist.

Read-only audit of a screen, component, or design file for design-system drift — missing shared components, local overrides, unbound tokens, repeated structures that should collapse to a single component, and global patterns built from custom frames. Outputs structured findings with confidence scores and priority rankings, plus a route to the right remediation workflow. Use this skill any time the user wants a screen reviewed for system fidelity, asks "does this follow our design system," is preparing a screen for handoff, or wants to find drift across a file, even when they don't say "audit." Trigger whenever a fidelity check is needed so drift gets surfaced as evidence-backed findings rather than vibes.

Design 8.5×11 long-form documents — whitepapers, POVs, briefs, playbooks, executive summaries, case studies. Editorial design for printable/PDF deliverables — cover system, section opens, pull quotes, callouts, infographic placement, footer/header system, citation discipline. Owns the document format end-to-end, not paragraph-by-paragraph layout. Use this skill any time the user is making a 8.5×11 document — whitepaper, POV, solution brief, playbook, case study — even when they don't say "design the document." Trigger before opening Word so the document has a system before content goes in. Hands off to docx and pdf skills for execution.

Generate complete, dev-ready handoff annotations for any screen or component — covering component identification, all interactive states, design-token references, interaction behavior (trigger, action, transition, destination), copy and content rules, responsive breakpoints, accessibility (WCAG 2.2 AA), and edge cases. Use this skill any time the user is preparing a design for engineering handoff, redlining a component, writing spec notes, or filling gaps engineering keeps asking about, even when they say "annotate this," "write specs," "redline," or "this is going to dev." Trigger whenever a design is moving from review to engineering so engineers don't have to guess at states, tokens, transitions, or edge behavior.

Source, customize, and govern icon usage across all design surfaces — when to source from Flaticon, when Lucide or Heroicons or Phosphor is enough, when to commission custom marks. Picks one icon family and holds it across an asset. Owns iconography style coherence: stroke weight discipline, fill-vs-outline rules, sizing scale, color treatment. Use this skill any time icons are used in any deliverable — UI, deck, document, social, brand identity. Trigger before reaching for any icon so the choice is intentional rather than defaulted.