Build any type of complete, stunning website (PHP + HTML5 + TailwindCSS CDN). Supports 8 website themes with two operating modes — fully automatic or interactive step-by- — from…
Create robust, accessible web forms with best practices for HTML structure, CSS styling, JavaScript interactivity, form validation, and server-side processing.
Audit mental health crisis monitoring systems for risk signal detection accuracy, escalation protocol completeness, safety planning integration, crisis team coordination, and…
Critique a screen's colour usage — contrast ratios, palette coherence, semantic meaning, and colour accessibility.
Internal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for cross-document accessibility pattern detection, severity scoring, template analys — from…
Internal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for cross-page accessibility pattern detection, severity scoring, and scorecard gener — from…
5-agent parallel design review skill. Use when user types "/cs-design", "디자인 리뷰", "UI 감사", "design audit", "UX 분석", or wants a comprehensive parallel design review covering visual…
CSS authoring guidance emphasizing web standards, accessibility, and performance. Use when writing, reviewing, or refactoring CSS.
CSS coding standards for Oh My Brand! theme. BEM methodology, custom properties, theme.json integration, responsive design, and accessibility.
Friction-reduction patterns for agents helping humans with disabilities. Voice-first workflows, smart home templates, efficiency automation. — from kalibr-ai/skills
Generate professionally formatted PDF materials including student handouts, teacher guides, workbooks with proper typography, accessibility, and print layout.
Generate responsive HTML/CSS/JS web content with interactive elements, quizzes, navigation, and accessibility for self-paced or blended learning.
Validate WCAG 2.1 compliance, screen reader compatibility, and Universal Design for Learning (UDL) principles implementation throughout curriculum materials.
Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (LCP, INP, CLS) and supplementary metrics (FCP, TBT, Speed Index), identifies render-blocking…
Read a Canva design and return structured, actionable design feedback — visual hierarchy, copy/messaging, layout & spacing, consistency, readability, and accessibility.
Build or adapt a local browser/CDP harness to drive and inspect a web, IDE, or Electron UI. Use for local UI verification, screenshots, accessibility snapshots, perf prof — from…
Drives a running Cypress open-mode session through `cypress tap` to run and rerun specs, wait for fresh results, inspect reporter and command logs, and query or rewind the app…
Implement complete dark mode for any frontend project. Auto-detects theme system (Flutter ThemeData, Tailwind dark class, CSS variables, MUI, Chakra UI, styled-components),…
Audit Dash apps for callback hazards, state flow risks, layout and accessibility issues, and Dash-specific UX regressions.
Create effective data visualizations with Python (matplotlib, seaborn, plotly). Use when building charts, choosing the right chart type for a dataset, creating publication-quality…
Audit charts and graphs for accessibility: SVG ARIA, data table alternatives, keyboard interaction, color-safe palettes, and library APIs.
Data visualization design principles, chart selection, color theory, accessibility, and storytelling with data
Use when the frontend slice does NOT route through ddt-design-source (external loop disabled) — produce production-grade frontend code directly bound to the OpenAPI contract, with…
Sense accessibility barriers with gentle awareness. Listen to the forest, scan for obstacles, test the paths, guide toward inclusion, and protect all wanderers.
Orchestrates a multi-dimensional UI/UX task through the full dembrandt design pipeline (brand → tokens → layout → components → UX polish → accessibility/performance gate), loading…
Audit designs, color palettes, and UI components for WCAG 2.1 accessibility compliance, providing specific fixes for contrast, touch targets, focus indicators, and screen reader…
Use when auditing UI/UX designs for quality, detecting AI-generated slop patterns, validating WCAG accessibility compliance, checking design system token adherence, or reviewing…
Tracks and visualizes the progress of the design system migration. Generates compliance reports across Typography, Shape, Color, Motion, and Accessibility metrics to provide a…
Use on every surface — accessibility is designed in, not bolted on. ~80% of accessibility is design decisions (contrast, hierarchy, target size, focus order, labels) made before…
Design new iOS UI from scratch -- a screen, a flow, a component, or a full app interface. Dispatches the apple-ui-architect Opus 4.7 agent which produces production-grade SwiftUI…
Integrates design principles, WCAG 2.2 AA accessibility, persona context, and state design into product decisions.
Review UI components for design system compliance, accessibility, and visual consistency
Design Shiny application UIs using bslib for theming, layout_columns for responsive grids, value boxes, cards, and custom CSS/SCSS.
Analyze design trends and recommend appropriate styles, color palettes, and typography systems for your project based on current design movements.
UI/UX design workflow guidelines. Activate when working with design systems, accessibility (WCAG), user interface patterns, or design tokens.
Desktop application accessibility expert -- platform APIs (UI Automation, MSAA/IAccessible2, NSAccessibility), accessible control patterns, screen reader Name/Role/Value/State,…
Vérifie et améliore l'accessibilité web (WCAG 2.1). Se déclenche avec "accessibilité", "a11y", "WCAG", "screen reader", "ARIA", "contraste", "accessible", "handicap", "le — from…
Use when a frontend change must be implemented or refactored across UI, state, data, styling, build/tooling, accessibility, performance, or desktop integration, including mapped…
Gate 2 of frontend development cycle — ensures all components pass axe-core automated accessibility scans with zero WCAG 2.1 AA violations.
Comprehensive UI/UX design and implementation skill covering visual design principles, color theory, typography, spacing systems, layout composition, accessibility (WCAG — from…
Your intelligent developer command center -- start here for any Python, wxPython, desktop app, NVDA addon, accessibility tool building, desktop accessibility, or general software…
Assemble a world-class design team (Creative Director, Product Designer, Visual Designer, Interaction Designer, Accessibility Designer) to generate N (default 5) radically…
Review and write React/Next.js components for Diamond Fysio project. Use when reviewing components, adding features, or checking code quality.
Use when you have pre-processed chromatin accessibility data (ATAC-seq or DNAse-seq) with chromVAR deviations already computed for individual cells or bulk samples across multiple…
Use when designing, tuning, or reviewing the difficulty or balance of any game system — encounter tuning, cost curves, dominant-strategy audits, dynamic difficulty adjustment…
Create user personas that include disability as a natural dimension of human diversity — not as a separate 'accessibility persona'.
Automatically discover frontend development skills when working with React, Next.js, UI components, state management, data fetching, forms, accessibility, performance opt — from…
Displays chronological events and activity through timelines, activity feeds, Gantt charts, and calendar interfaces.
Validates feature implementation against PRD, Tech Spec, and Tasks through E2E testing via available MCP tools, accessibility verification (WCAG 2.2), and visual analysis.
Genera manuali tecnici e manuali utente per webapp (.docx) professionali con screenshot Playwright inline, infografiche AI Gemini e template brandizzati NexaData/Iridia.
Audit and improve the accessibility of the timepicker-ui documentation site (docs-app/) - landmarks, heading order, skip links, keyboard nav, focus management in the command menu…
Documentation accessibility validation and remediation. Check WCAG 2.1 compliance, validate alt text, analyze heading hierarchy, verify color contrast, and generate accessibility…
WCAG-compliant Mermaid diagrams using verified accessible color palette. Use when creating diagrams, flowcharts, or any color-dependent visualizations requiring accessibility…
Document accessibility router for Word, Excel, PowerPoint, PDF, EPUB, Office remediation, PDF remediation, and accessible generated documents.
Interactive document accessibility audit wizard. Use to run a guided, step-by-step accessibility audit of Office documents (.docx, .xlsx, .pptx) and PDFs.
Internal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for exporting document accessibility audit findings to CSV format.
Discover and inventory documents for accessibility audits. Scans folders for .docx, .xlsx, .pptx, and PDFs. Detects git changes and extracts title, author, and language metadata.
Customizes Docusaurus for the Physical AI & Humanoid Robotics textbook with specialized UI/UX, dark mode, accessibility features, and interactive elements.
Front-end development standards for Dutch government websites. Use when building accessible government web applications, implementing NL Design System components, or ensuring WCAG…
Use PinchTab when an agent needs repeatable browser automation with stable element references, persistent profiles, and low-token page inspection.