无障碍
无障碍测试与改进
wicked-garden-qe-a11y-test-engineer
mikeparcewski
Accessibility specialist — axe-core + pa11y, WCAG 2.1 AA / 2.2 AA, keyboard-only flows, focus-ring detection, prefers-reduced-motion, color contrast ≥ 4.5:1. Writes axe/pa11y JSON to the evidence dir, appends a verdict row to DomainStore, and defaults to a CONDITIONAL verdict because automated tools only catch ~30% of WCAG violations. Use when: a11y audit, WCAG compliance, keyboard-only flows, screen reader verification, color contrast, focus management, "is this page accessible". NOT THIS WHEN: design/review-phase accessibility judgment without running tools — use wicked-garden-product-a11y-expert (advisor). This skill EXECUTES axe-core/pa11y and writes evidence artifacts + a ledger verdict row; if no evidence artifact will be written, you want the advisor.
wicked-garden-product
mikeparcewski
Product domain skill: 13 user-invokable actions — a11y acceptance align analyze elicit listen mockup screenshot strategy synthesize ux ux-review visual-direction — backed by the rubrics in refs/ and this domain's knowledge-module sub-skills. Use when: "accessibility audit", "WCAG compliance", "define acceptance criteria", "stakeholder alignment", "build consensus", "analyze customer feedback", "elicit requirements", "write user stories", "aggregate customer feedback", "ASCII wireframe or HTML mockup", "review this screenshot", "strategic analysis", "ROI / value proposition / market / competitive", "synthesize feedback into recommendations", "design a user flow", "UX review", "design audit", "visual direction", or any former /wicked-garden:product:{action} invocation.
wicked-garden-qe-acceptance-test-reviewer
mikeparcewski
Evaluates evidence artifacts against test plan assertions independently. CRITICAL ISOLATION: Receives ONLY evidence file paths. Never sees execution context. Catches semantic bugs that self-grading misses. Use when: acceptance test review, evidence evaluation, test verdict <example> Context: Executor produced evidence and it needs independent evaluation. user: "Review the evidence from the file upload acceptance tests and render a verdict." <commentary>Use acceptance-test-reviewer for independent, unbiased verdict on test evidence.</commentary> </example>
wicked-garden-product-a11y-expert
mikeparcewski
Audit accessibility compliance - WCAG guidelines, keyboard navigation, screen reader support, color contrast, semantic HTML. Use when: accessibility audit, WCAG compliance, keyboard-navigation review, screen-reader support check, or dispatched as the a11y lens of the product skill's ux-review --focus all. NOT THIS WHEN: axe-core/pa11y must actually RUN and produce evidence artifacts + a ledger verdict row (a scenario-driven a11y test run) — use wicked-garden-qe-a11y-test-engineer (executor). THIS skill renders design/review-phase accessibility judgment; it does not write QE evidence.
wicked-garden-product-ux-review
mikeparcewski
Use when evaluating UX quality — user flows, information architecture, user research synthesis, personas, and usability assessment. Also covers generative UX flow design from requirements. NOT for visual design consistency (use visual-review) or accessibility code audits (use product/accessibility).
wicked-garden-product-accessibility
mikeparcewski
Use when auditing code for WCAG 2.1 AA compliance — keyboard navigation, ARIA patterns, color contrast, and semantic HTML. Produces prioritized remediation with code-level fixes. NOT for running automated a11y tools (use product:a11y command) or visual design review (use product/visual-review).
wicked-garden-engineering-frontend
mikeparcewski
Frontend engineering specialist for React, CSS, browser APIs, component design, accessibility, and performance. This skill should be used when the user asks about UI implementation, component review, or frontend-specific questions. Use when: "build a React component", "CSS layout issue", "frontend performance", "browser API", "component design", "accessibility check", "responsive design"
impeccable-audit
SebastiaanWouters
"Skills-only equivalent of impeccable.style /audit. Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. Use for frontend and UI design tasks."
database_design
vuralserhat86
Schema tasarımı, migration stratejileri, indexing, query optimization ve database best practices.
design_components
vuralserhat86
Button, card, input ve icon sizing kuralları. Component boyutlandırma standartları.
clerk_auth
vuralserhat86
Clerk modern authentication, WebAuthn, passkeys ve social auth entegrasyonu rehberi.
browser-automation-agent
besoeasy
Automate web browsers for AI agents using agent-browser CLI with deterministic element selection.
accessibility-checker
armanzeroeight
Validate WCAG compliance, check screen reader support, and audit accessibility issues. Use when ensuring accessibility, fixing WCAG violations, or implementing inclusive design.
ux-design
sebnow
"Use when designing user interfaces, improving UX, or creating design specifications. Enforces user-centered process, WCAG 2.1 AA accessibility, mobile-first approach. Triggers: 'design interface', 'improve UX', 'user experience', 'accessibility', 'responsive design', 'user flow'."
form-accessibility
Bbeierle12
WCAG 2.2 AA compliance for forms, ARIA patterns, focus management, keyboard navigation, and screen reader support. Use when implementing accessible forms in any framework. The compliance foundation that ensures forms work for everyone.
kobalte
joncrangle
Specialist in Kobalte, a headless, accessible UI component library for SolidJS. Focuses on accessibility (ARIA), composability, and styling unstyled primitives.
Forms Router
Bbeierle12
Secure Auth Forms: Any framework + security + validation
forms-router
Bbeierle12
Router for web form development. Use when creating forms, handling validation, user input, or data entry across React, Vue, or vanilla JavaScript. Routes to 7 specialized skills for accessibility, validation, security, UX patterns, and framework-specific implementations. Start here for form projects.
reactive-ui
githubnext
Build or revise CAO dashboard UI with Dashboard Language, reusable UI elements, and the reactive.js framework.
platform-building
Bbeierle12
Platform-specific building systems for mobile, VR, and accessibility. Use when implementing touch controls for building games, VR spatial input, colorblind-friendly feedback, or cross-platform building mechanics. Covers input adaptation and inclusive design patterns.
structure
Owl-Listener
"Structure content for screen reader and assistive technology use. Chains: heading-structure, alt-text-design, table-accessibility, form-labelling. Use when building a new page, document, or content template and you want to get the structural accessibility right from the start."
review
Owl-Listener
"Review content for accessibility across cognitive and literacy levels. Chains: readable-content, alt-text-design, heading-structure, link-text-design, table-accessibility, form-labelling, multimedia-accessibility. Use when auditing existing content for accessibility."
multimedia-accessibility
Owl-Listener
"Design accessible video, audio, and multimedia content with captions, transcripts, and audio descriptions. Use when creating or reviewing video, audio, podcasts, webinars, animations, or any time-based media. Triggers on: captions, subtitles, transcript, audio description, video accessibility, podcast accessibility, multimedia, closed captions, sign language, media player, autoplay."
subscription-signin
rolandcanyon-cmd
The standard, proven procedure for keeping Claude Code and Codex subscriptions signed in — Google-account profiles, normal-browser sign-in, repair, verification, and when to hand off. Use whenever a subscription shows "needs sign-in", a repair fails, or you set up a new account on a machine.