Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers.
Build, improve, and review production interfaces with the Better Design MCP. Use for frontend design, UI, UX, interactions, flows, forms, navigation, components, styling, design…
Complete guide for building accessible, high-UX forms in modern stacks (React/Next.js, Tailwind, Zod).
User-invoked, cross-discipline interface review coordinating better-accessibility, better-layout, better-writing, better-typography, better-colors and better-ui.
Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a…
Launch Baldur's Gate 3 through Steam on macOS and load saved games using macos-automator and peekaboo MCP servers. Designed for testing bg3se-macos (Script Extender) development.
Deep accessibility audit for AEM Edge Delivery Services block markup patterns. Goes beyond generic WCAG testing by understanding how EDS blocks generate DOM, how the…
Bootstrap Italia v2.x — Italian PA design system based on Bootstrap 5.2.3. Components, patterns, and utilities for Italian Public Administration websites.
Use this for Lenis smooth-scroll work, including setup, React/Vue/Nuxt integration, custom RAF loops, GSAP ScrollTrigger synchronization, anchors, nested scroll containers, scroll…
Guia implementação de breadcrumb de navegação hierárquica seguindo padrões de acessibilidade WCAG e design system do Ultrathink
Run a pre-deploy browser audit of a live, preview, or local web page for accessibility, SEO, Lighthouse quality, and critical UX issues.
Automatically validate implementations in real browsers after code is written or when user says "test this".
Builds native mobile UI in SwiftUI (iOS) and Jetpack Compose (Android) — declarative layout (List/LazyVStack vs Scaffold/LazyColumn), unidirectional state with hoisting…
Use when a coding agent must design, scaffold, implement, or verify an iOS or macOS SwiftUI interface with Apple-platform state, accessibility, availability, testing, and Xcode…
Builds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support.
Builds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support.
Builds form components and data collection interfaces including contact forms, registration flows, checkout processes, surveys, and settings pages.
Builds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data grids.
Accessibility audit and remediation for Canvas LMS courses. Scans content for WCAG violations, generates prioritized reports, guides fixes, and verifies remediation.
Create and manage online courses via the CourseForge API (caringcourseforge.com). Use when the user wants to create courses, modules, lessons, generate AI content, export to…
When the user wants to design, optimize, or audit carousel/slider layouts for content display. Also use when the user mentions "carousel," "slider," "carousel layout,"…
Always invoke before answering any request to create, compare, design, or review a user-facing map, even if the request is terse or underspecified.
Drive the Cate IDE from inside a Cate terminal with the `cate` CLI — control the built-in browser panel (open URLs, navigate, screenshot, read an accessibility snapshot, click and…
Comprehensive Chrome DevTools automation for performance testing, Core Web Vitals measurement (INP, LCP, CLS), network monitoring, accessibility validation, responsive testing,…
Connect Claude Code to an existing Chrome browser via CDP (Chrome DevTools Protocol). Zero dependencies — uses Node 22 built-in WebSocket.
Use when a task requires designing, choosing, critiquing, implementing, or explaining a chart, graph, plot, dashboard, KPI visualization, data story, or quantitative presentation;…
Perform accessibility audit on web pages. Use when users ask to check accessibility, audit WCAG compliance, verify ARIA usage, check color contrast, audit keyboard navigation, or…
CareMatch 컴포넌트 접근성 검사. 50-70세 고령층을 위한 접근성 가이드라인 준수 여부를 체크합니다. 사용법 - "접근성 검사해줘", "이 컴포넌트 접근성 확인
Use when preparing an accepted ACM CHI paper for publication — the TAPS source upload, the PCS publication-ready package, mandatory accessibility work (alt text,…
Use when you have loaded raw ATAC-seq fragment counts into a SummarizedExperiment object and are preparing to compute motif deviations.
Use when you have ATAC-seq BAM files aligned to a reference genome, a set of transcription factor motif locations (BED format), and you need to determine which motifs are actually…
Use when when you have filtered ATAC-seq or DNAse-seq peak counts (after GC bias correction, sample filtering, and peak filtering) and wish to measure how strongly each annotation…
Use when after you have (1) corrected ATAC-seq BAM files for Tn5 insertion bias using ATACorrect, (2) computed per-base footprint scores using ScoreBigwig, (3) obtained a motif…
Use when you have a backed AnnData object populated with fragment coordinates (stored in .obsm['fragment_paired'] or .
Use when you have sparse, single-cell or bulk ATAC/DNAse-seq data from multiple cell types or conditions (e.g., GM vs H1 cell lines), pre-filtered and GC-bias-corrected, with…
Accessibility debugging via Chrome DevTools MCP. Lighthouse a11y audit, accessibility tree (take_snapshot), heading hierarchy, ARIA labels, focus/keyboard nav, color contrast, tap…
Use when a task needs Chrome DevTools from the shell: automate a live Chrome browser with `chrome-devtools`, inspect accessibility snapshots and UIDs, click/fill/navigate pages,…
CI/CD accessibility agent. Sets up, manages, and troubleshoots accessibility CI pipelines. Supports baseline management, SARIF output, PR annotations, and threshold configuration.
Drafts official class action claim forms balancing plain-language accessibility with FRCP 23 enforceability.
Recognize when closure is the wrong choice — when the perceptual completion work it asks of the user is too costly, ambiguous, or risky.
Generate Cloudscape Design System React + TypeScript UI code and page scaffolds with Cloudscape-first patterns, accessibility defaults, and production-ready state handling.
Use when when you need to reproduce or validate benchmark comparisons between clustering methods on single-cell chromatin accessibility data, particularly when the source…
Scan a frontend project for WCAG 2.2 accessibility violations and fix them. Usage: /a11y-audit [path]
Standards for HTML/CSS/JS generated for pages.lugui.ai — semantic markup, basic accessibility, self-contained (no untrusted external deps), CSP-friendly, and no inline secrets.
Quality gates for static HTML/CSS websites (validation, linting, accessibility, link checking)
Detects semantic code quality issues (logic, architecture, UX) that static hooks cannot catch. Provides 10 rules across 4 categories: API patterns, HTML/accessibility,…
Review UI for cognitive load, plain language clarity, and WCAG 2.2 cognitive SC (3.3.7, 3.3.8, 3.3.9). Includes COGA guidance, reading level, auth patterns, and timeout warnings.
Design color palettes that are accessible to all users including those with color blindness. Ensure sufficient contrast, meaningful use of color, and inclusive design.
Validates WCAG 2.1 contrast ratios and generates accessible color pairings. Use when checking accessibility compliance, fixing contrast issues, or selecting text/background…
Senior design-system color contrast architect enforcing WCAG 2.2 AA/AAA per design context (normal text, large text, UI components, focus indicators).
Detects and fixes color contrast violations using WCAG 2.1 guidelines and perceptual analysis. Expert in contrast ratio calculation, color blindness simulation, and providing…
Color science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color naming, pigment mixing, and historical…
Color for developers - color spaces, accessibility contrast, palette generation, CSS color functions, design tokens, dark mode, and CVD simulation.
Overview of color MCP server tools for precise color operations - WCAG contrast, color blindness simulation, palette extraction, color space conversion, and harmony generation.
Generate complete, accessible colour palettes from a single brand hex. Produces 11-shade scale (50-950), semantic tokens, dark mode variants, and Tailwind v4 CSS output.
Generate complete, accessible color palettes from a single brand hex. Creates 11-shade scale (50-950), semantic tokens (background, foreground, card, muted), and dark mode…
palette + rationale + accessibility | สำหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'color palette', 'จัด color
Quick reference for color MCP server - contrast_check, color_blindness_simulate, palette_extract, color_convert, harmony_generate.
Master color design with color theory, accessibility, theming, and dark mode. Create harmonious color systems that work across contexts, support accessibility standards, and…
Creates color palettes and color systems for applications. Defines primary, secondary, neutral colors, and semantic colors (success, error, warning, info).