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.
キーボード操作 / focus 管理 / 動的コンテンツ更新 / ARIA role など、インタラクティブ UI のアクセシビリティ観点を suggestion で提示する。
Use when you have a set of differentially accessible peaks (output from differential accessibility testing, e.g., tl.
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.
Motion design foundation - timing, easing, enter/exit patterns, accessibility, performance.
Structured motion design system - 4 layers from CSS/Tailwind to Framer Motion to Canvas, accessibility-aware.
Design accessible video, audio, and multimedia content with captions, transcripts, and audio descriptions.
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.
Procedure for extracting structured data from PDFs with opendataloader-pdf (ODL) correctly: read the installed tool's own help to discover its current options, build the minimal…
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…
Design and critique onboarding, tutorials, FTUE, teaching, skill ramps, difficulty curves, assist modes, accessibility of challenge, failure, and mastery progression.
Make data visualizations accessible and inclusive. Use when the user needs chart or diagram accessibility guidance, text alternatives for complex visuals, color and contr — from…
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,…
Control a mobile (iOS) emulator / simulator stream from inside Orca using the `orca` CLI. Use for taps, gestures, typing, hardware buttons, camera injection, permissions,…
Control an Android emulator / device from inside Orca using the `orca` CLI. Use for listing/booting AVDs, taps, swipes, typing, hardware buttons (incl.
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…
Scan, audit, and fix web performance issues across all four Lighthouse/PageSpeed Insights pillars — Performance, Accessibility, Best Practices, and SEO — in structured batches.
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.
Use for PixiJS v8 accessibility: AccessibilitySystem, screen reader overlays, keyboard navigation, accessibleTitle, accessibleHint, tabIndex, roles, activation settings.
Write and review content for plain language accessibility. Use when writing interface copy, error messages, instructions, onboarding text, help content, legal or medical…
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.
Runs automated WCAG 2.1 AA/AAA accessibility audits using Playwright with axe-core integration. Generates detailed violation reports with CSS selectors, ARIA role analysis, and…
Advanced patterns — multi-tab, clipboard, drag-and-drop, iframes, ACL tests, accessibility
Configure Playwright for comprehensive Electron application testing including E2E tests, visual regression, accessibility audits, and cross-platform test matrices
The official Microsoft Playwright MCP server provides browser automation capabilities through the Model Context Protocol, enabling LLMs to interact with web pages via structured…
Use when building or extending a Page Object Model (POM) for the Opik E2E suite (under `tests_end_to_end/e2e/pom/`) and you need to choose stable selectors against the live UI.
Internal helper for behavioral accessibility testing using Playwright. Runs keyboard navigation scans, dynamic state scans, viewport responsive scans, contrast verification, and…
Playwright E2E and UI testing specialist. Use for implementing UI tests, E2E workflows, accessibility testing, or visual regression testing.
Visual regression testing with Playwright — pixel-by-pixel screenshot comparison against baselines. Built on @playwright/test's toHaveScreenshot() — no third-party services.
PMTL_VN interaction and accessibility discipline. Use when building or reviewing forms, navigation, dialogs, loading states, empty states, error handling, and interactive…
PowerPoint presentation accessibility specialist. Use when scanning, reviewing, or remediating .pptx files for accessibility.
Enterprise-grade PowerPoint deck generation system using evidence-based prompting techniques, workflow enforcement, and constraint-based design.