Creates design_guidelines.md with WCAG 2.1 compliance and design system docs. Use when project has a frontend.
Web accessibility patterns, WCAG compliance, and inclusive design. Use when implementing accessible UI, keyboard navigation, screen reader support, focus management, semantic…
Use when user-facing UI engineering needs coordinated behavior/design handling: components, pages, flows, layouts, interactions, responsive/accessibility/visual quality, frontend…
Modern React development patterns. Use for building React 19+ applications with components, hooks, Jotai state, React Router v7, server components, accessibility, performance…
Use when designing or reviewing Lightning Web Components for keyboard access, semantic labeling, focus management, screen-reader behavior, and WCAG-aligned UX in Salesforce.
Use when implementing specific ARIA attributes, keyboard navigation patterns, screen reader live regions, WCAG 2.1 compliance, focus management, or accessible data tables in…
Use when building LWCs that need to manage focus explicitly — modal dialogs, wizard flows, dynamic inserts, list updates, error summaries, and focus after async work.
LightningModal base class (Winter '23+): extending LightningModal, open() static method, modal headers/bodies/footers, close() with result, size variants, accessibility.
lightning-record-picker base component (Winter '24 GA): object/record filter, displayInfo/matchingInfo, graph-ql filters, accessibility. Replaces ad-hoc lookup inputs.
Use when deciding whether a Lightning Web Component should keep the default Shadow DOM or opt into Light DOM via `static renderMode = 'light'`.
Use after a PRD, spec, or implementation plan for a macOS app or feature — before implementation begins.
Maintain canonical ACCESSIBILITY.md files through deterministic audit and bounded apply modes. Use when a project needs a durable accessibility control document that defines…
Coordinate project documentation maintenance across README.md, CONTRIBUTING.md, AGENTS.md, ACCESSIBILITY.md, and ROADMAP.md by delegating to the owner document skills and auditing…
Creates patient-facing health information content with health literacy and accessibility standards. Use when developing portal content, writing patient communications, or managing…
Interactive markdown accessibility audit wizard. Runs a guided, step-by-step WCAG audit of markdown documentation.
Audit and fix markdown for accessibility. Covers ambiguous links, anchors, emoji (remove/translate), Mermaid/ASCII templates, heading hierarchy, table descriptions, and severity…
Internal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for exporting markdown accessibility audit findings to CSV format.
Internal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for applying accessibility fixes to markdown files.
Internal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for scanning a single markdown file for accessibility issues across all 9 domains.
Guide for theming .NET MAUI apps — light/dark mode via AppThemeBinding, ResourceDictionary theme switching, DynamicResource bindings, system theme detection, and user theme…
Converts a markdown PR writeup or code review (one with ```diff fenced blocks and severity-tagged > [!BLOCKER]/[!MAJOR]/[!MINOR]/[!NIT] callouts) into a single-file 2-column HTML…
Video/audio accessibility: WebVTT/SRT/TTML captions, audio descriptions, accessible media player ARIA, and WCAG 1.2.x compliance.
Producing digital media -- writing, images, video, audio, presentations, and multimedia -- with an understanding of craft, audience, accessibility, and ethics.
Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt char — from…
Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt char — from…
5-agent parallel design review skill. Use when user types "/mj-design", "디자인 리뷰", "UI 감사", "design audit", "UX 분석", or wants a comprehensive parallel design review covering visual…
UI/UX design systems specialist covering accessibility, icons, theming, design tokens, and user experience patterns.
Audit React Native, Expo, iOS, Android for accessibility. Review accessibilityLabel, accessibilityRole, accessibilityHint, touch targets (44x44pt min), screen reader support, and…
Mobile accessibility compliance expert for VoiceOver, TalkBack, Dynamic Type, and WCAG mobile guidelines.
Run a comprehensive mobile app QA audit covering permission flows, deep link verification, push notification delivery, offline mode resilience, background/foreground state…
Generate a complete mobile test suite covering unit, widget, integration, snapshot, accessibility, and platform-specific tests.
Motion and animation patterns for web: CSS transitions for simple interactions, Framer Motion for complex orchestrated animations, meaningful vs.
Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react.
Structured motion design system - 4 layers from CSS/Tailwind to Framer Motion to Canvas, accessibility-aware.
Native Apps iOS und Android pruefen: Accessibility-API VoiceOver bzw. TalkBack, Plattform-spezifische Pattern, EN 301 549 Klausel 11.
NavSentinel UI workflow for popup, options, onboarding, prompts, risk explanations, and accessibility.
Remediate Office documents (Word/Excel/PowerPoint) for accessibility. Generates Python scripts via python-docx, openpyxl, python-pptx API references.
Office document accessibility remediator for Word (.docx), Excel (.xlsx), and PowerPoint (.pptx). Generates Python scripts for programmatic fixes via python-docx, openpyxl, and…
Internal helper agent. Invoked by orchestrator agents via Task tool. Office document accessibility scan configuration manager.
品牌視覺指導 Olivia (Art Director) — 視覺、品牌色、OG 圖、字型、無障礙。Use when user mentions 視覺/visual/品牌色/brand color/OG 圖/OG image/字型/typography/色票/palette/圖卡/海報/無障礙/a11y/WCAG, or asks for 視覺方向 or…
AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance.
Configure OmniRoute token compression to save 60–90% of context tokens. Covers RTK (command/tool output), Caveman (prose), stacked mode (both), and the MCP accessibility-tree…
Make data visualizations accessible and inclusive. Use when the user needs chart or diagram accessibility guidance, text alternatives for complex visuals, color and contrast…
Route web data visualization work. Use when the user needs chart choice, visual critique, dashboards, maps or geospatial views, Gantt timelines, UML/software diagrams,…
Design-grade color processing suite — generate harmonious palettes from any seed color, check WCAG 2.1 AA/AAA contrast accessibility, convert between hex/RGB/HSL/HSV/CMYK,…
Authors and runs pa11y accessibility scans - a CLI / Node.js tool that wraps HTML CodeSniffer (htmlcs) and / or axe-core engines - with `pa11y ` invocation, reporter…
Create cohesive UI color systems from vibes and reference images. Use when starting a new page/component, unifying assets that feel off, or need consistent color tokens.
Audit patient-facing healthcare software for portal feature completeness, secure messaging, health literacy, telehealth readiness, consent management, and HIPAA compliance.
PDF document accessibility specialist. Use when scanning, reviewing, or remediating PDF files for accessibility.
PDF accessibility remediator. Generates scripts for programmatic fixes via pdf-lib/qpdf/ghostscript (title, language, reading order, tags, alt text) and provides step-by-step…
Internal helper agent. Invoked by orchestrator agents via Task tool. PDF accessibility scan configuration manager.
Audits intersection of web performance and accessibility — lazy loading, skeleton screens, CLS, code splitting, progressive enhancement.
Audit construction permit tracking, building code compliance, and inspection management software. Reviews permit lifecycle workflows (building, electrical, plumbing, mechanical,…
UX and accessibility-focused frontend decision framework for component creation, responsive design, and Core Web Vitals optimization.
Deep accessibility review from 7 access perspectives — activated by escalation from a11y-planner or a11y-critic when one or more perspectives are flagged at MEDIUM or HIGH alarm…
Frontend development guidelines for the Phoenix AI observability platform. Use when writing, reviewing, or modifying React components, TypeScript code, styles, or UI features in…
React component patterns, forms, accessibility, and responsive design. Use when building React components, handling forms, or ensuring accessibility.
Generate a structured design plan markdown that respects the constraints in dragoon.json (spacing grid, type ratio, palette, font families).
Cognitive load management for players: perception/attention/memory framework, Gestalt principles for game UI, signal-noise discipline on the HUD, onboarding ramp design, and…
Playwright E2E testing, page objects, fixtures, visual regression, accessibility testing, and CI integration patterns.