Best practices for building Drupal Single Directory Components (SDC) with Twig — including props vs slots, the `attributes` object, `include` vs `embed`, escaping rules,…
Use when writing or generating Storybook documentation for a Baloise Design System component — creates stories.ts, doc-config.ts, and six MDX subpages (Overview, Usage, Variants,…
Use when auditing digital products or services for European Accessibility Act (EAA) compliance, checking EN 301 549 conformance, or advising on EU Web Accessibility Directive…
Transform Claude into an expert in evidence-based educational presentation design. Use when designing presentations for teaching, training, or learning contexts where retention…
Frontend development standards for Ellie's projects. Use when building frontend interfaces, components, pages, or applications.
HTML email accessibility: table layouts, inline styles, dark mode, image fallbacks, and email client rendering constraints.
Use when Codex, Hermes, OpenClaw, Claude Code, Cowork, or another AI agent needs to plan, review, implement, audit, or improve email work focused on responsive email desi — from…
Erstellt Prüfkatalog nach EN 301 549 und WCAG. Trennt rechtlich harmonisierten Standard von fachlicher WCAG-2.2-Erweiterung, definiert Seitentypen, Stichprobe, A/AA-Kriterien,…
ePub document accessibility specialist. Use when scanning, reviewing, or remediating .epub files for accessibility.
Run EPUBCheck and Ace accessibility validation. Use before final EPUB packaging or distribution to ensure publication readiness.
Internal helper agent. Invoked by orchestrator agents via Task tool. Manages .a11y-epub-config.json scan configuration for ePub accessibility audits.
Conçoit, crée, modifie et améliore des interfaces utilisateur (UI/UX) pour des applications métier TypeScript : ERP, CRM, back-office, tableaux de bord opérationnels, outils…
Design error prevention, error messages, and recovery flows for cognitive accessibility. Use when designing forms, checkout flows, account creation, settings, data entry, or any…
Excel workbook accessibility specialist. Use when scanning, reviewing, or remediating .xlsx files for accessibility.
Use to audit an existing web application before changing it — framework/version, rendering model, routing, state, styling, auth, API layer, tests, build/deploy, and…
Designs modern, clean iOS screens and components for Expo React Native apps following Apple HIG with safe areas, Dynamic Type, dark mode, accessibility, Liquid Glass materials,…
Expo/React Native (RN) iOS/Android motion. Use for animation, gestures, transitions, scroll effects, Skia canvas/shader work, or unspecified Expo/RN animation.
Use when creating, updating, or reviewing a draft Accessibility Agents marketplace extension submission.
Convert PDFs into LLM-ready markdown or coordinate-aware JSON, and use the same pipeline for tagged-PDF accessibility workflows when that is the real job to be done.
Control a live browser from the command line: navigate, click, fill forms, and query the accessibility tree with CSS-like selectors.
Expert skill for color palettes, semantic color tokens, dark mode theming, and color accessibility. Use when defining color schemes, implementing dark/light themes, ensuring…
프론트엔드 접근성 감사를 WCAG 2.1 기준으로 수행하고, 위반 항목과 구체적인 수정안을 제시한다.
Premium UI/UX design superbrain — glassmorphism, animation, accessibility, React 18, Electron desktop patterns
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors.
Comprehensive Flutter UI/UX development skill for creating beautiful, responsive, and animated mobile applications.
Web accessibility (a11y) discipline. Semantic HTML over div soup, ARIA only when semantic markup is insufficient, color contrast ≥4.5:1, focus order matches reading order,…
Forge playbook for design-to-code. Use for figma, design to code, mockup, design tokens, pixel-perfect, responsive, breakpoints, style guide, dev mode, handoff, accessibility.
Forge playbook for websites, landing pages, and frontend UI. Use for website, landing page, responsive, mobile layout, SEO, accessibility, Lighthouse, React, Vue, Tailwind.
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.
Builds form components and data collection interfaces including contact forms, registration flows, checkout processes, surveys, and settings pages.
StepLeague reusable form components with accessibility features. Use when creating any form, input field, select dropdown, checkbox, or file upload in the application.
Build accessible, user-friendly forms with validation. Covers react-hook-form, Zod schemas, error handling UX, multi-step forms, input patterns, and form accessibility.
Design form labels, instructions, and grouping that work for screen readers and cognitive accessibility.
Form accessibility specialist for web applications. Use when building or reviewing any form, input, select, textarea, checkbox, radio button, date picker, file upload, multi-step…
Build React components using @fpkit/acss library patterns. Scaffolds complete component structures (tsx, types, scss, stories, tests), validates CSS variables follow naming…
Framework-specific accessibility patterns and fix templates for React, Vue, Angular, Svelte, Next.js, and Tailwind CSS.
Accessibility patterns for React/Next.js — semantic HTML, ARIA, form labeling, keyboard navigation, focus management, screen reader support. WCAG 2.2 AA compliance.
Analyze React/Next.js components to extract typography, colors, layout, fonts, spacing systems, and design tokens.
Full frontend quality audit for Stylefinden. Runs frontend-tester to detect all issues (TypeScript, design system, routes, metadata, accessibility), then runs frontend-fixer to…
Frontend best practices — TypeScript, React/Vue/Svelte, CSS, accessibility, testing. Use when writing, reviewing, or discussing frontend code.
Expert frontend development guidance covering React, Vue, Angular, TypeScript, state management, component architecture, performance optimization, accessibility, testing, and…
Color palette and theme generation from brand colors. Use when setting up project theming, creating shadcn/Tailwind color schemes, checking WCAG accessibility contrast, or…
Use when: auditing Next.js 16.2 components in VorstersNV for data-testid attributes, Server vs Client component decisions, TypeScript strict compliance, Tailwind CSS usage, or…
Use when reviewing, rewriting, or generating HTML, CSS, or accessible frontend code. Guides DOM structure, CSS architecture, layout decisions, and accessibility patterns for…
Use when frontend work needs an explicit UI, interaction, accessibility, and responsive design contract before implementation
Use when generating React/TypeScript UI components, forms, layouts, or pages - prevents generic AI aesthetic, enforces accessibility, semantic HTML, theme compliance, minimum text…
Design systems, component libraries, responsive UI/UX, accessibility. Build premium interfaces that enterprise clients expect.
Create premium frontend interfaces with modern design systems. Forces generation of design.md for consistency, follows 2026 trends, ensures accessibility, an...
Enforce a high-quality, production-ready standard for changes in this Next.js + Chakra UI frontend repo.
Use when implemented frontend work needs a visual, accessibility, responsiveness, performance, and interaction audit
Color-system specialist — OKLCH, tinted neutrals, contrast, palette construction, dark/light theme selection by use context, status colors, accessibility.
Use when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need consistent structure, tokenized styling, accessibility…
Shared reference for the frontend-web cluster: the rendering-model decision (CSR / SSR / RSC / static) that sets the hydration boundary, plus the conventions every spoke shares —…
Route a web-UI task to the right skill among 18 frontend specialists — framework choice (React/Next, Vue/Nuxt, Angular), build tooling (Vite, Turbopack, Bun), motion,…
Senior Frontend Architect gespecialiseerd in Next.js, React, TypeScript, Design Systems en moderne frontend architectuur.
Audit game projects for accessibility across visual (colorblind modes, contrast, font scaling, photosensitivity), audio (subtitles, captions, visual sound indicators, mono audio),…
[production-grade internal] Game accessibility specialist ensuring games are playable by everyone, including users with visual, auditory, motor, and cognitive disabilities.
Guide Apple Game Controller framework input work for games. Use when Codex works on GCController, GCDevice, extended gamepad mappings, virtual controllers, keyboard and mouse game…
Design or critically review a complete, agent-first game as one coherent player experience: player promise, verbs and loops, challenge, progression and quests, content, economy…
Create or review accessible web, desktop, iOS, Android, and cross-platform UI/UX. Use for layouts, themes, components, design systems, DESIGN.md tokens, responsive behavior, dark…