Validate an implementation for runtime errors, accessibility, and API compliance before committing. Use as a final quality gate after implementing a feature or component.
Build webpages with vanilla HTML/CSS/JS — no frameworks, no build steps. Covers modern CSS (nesting, @layer, :has, clamp, container queries), vanilla JS, design tokens,…
Verify readiness criterion C1.1 (Codebase Accessibility) in the current project. Reports fulfillment level 0–2.
Verifies UI changes via the accessibility tree, not screenshots. Use after editing any component, page, or style — fetch the Playwright a11y snapshot, run axe-core for WCAG, check…
Predict RNA secondary structure, MFE folding, base-pair probabilities, RNA-RNA interactions via ViennaRNA Python bindings.
Accessibility auditing with wavexis. a11y tree snapshots, axe-core audits, node traversal, CI gates for WCAG compliance.
Design navigation and information architecture for cognitive accessibility. Use when designing or reviewing navigation, site maps, page hierarchies, breadcrumbs, search,…
WCAG 2.2 accessibility guidelines with actionable implementation rules for web developers. Covers contrast ratios, keyboard navigation, focus management, ARIA, screen readers, alt…
WCAG AAA conformance specialist. Audits web content against WCAG 2.2 Level AAA success criteria beyond the standard AA target.
UI must comply with WCAG 2.2 Level AA, as required by the European Accessibility Act (EN 301 549). Do not deviate without deliberate justification.
Voer een WCAG 2.2 AA toegankelijkheidsaudit uit op het huidige project. Gebruik wanneer de gebruiker vraagt om een toegankelijkheidscontrole, a11y audit, of WCAG check.
Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies.
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance.
Use when the user wants to audit their own web application for WCAG accessibility compliance, run an a11y check on a URL (including authenticated routes), generate a markdown…
WCAG 2.2 AA learning and reference agent. Use when you need to understand WCAG success criteria, learn what changed between versions, understand conformance levels, clarify when…
Mapping WCAG 2.2 zu EN 301 549 V 3.2.1: WCAG-Erfolgskriterien, EN-Klauseln, BITV-Anforderungen in Tabelle.
Educational agent for WCAG 3.0 (W3C Accessibility Guidelines). Explains methodology changes, outcome-based conformance, the APCA contrast algorithm, functional needs categories,…
Implement web accessibility (a11y) standards following WCAG 2.1 guidelines. Use when building accessible UIs, fixing accessibility issues, or ensuring compliance with dis — from…
Implement web accessibility (a11y) standards following WCAG 2.1 guidelines. Use when building accessible UIs, fixing accessibility issues, or ensuring compliance with dis — from…
Interactive web accessibility review wizard. Runs a guided, step-by-step WCAG audit of your web application.
Audits web components and Shadow DOM for accessibility. Covers ElementInternals, cross-shadow ARIA, form-associated custom elements, focus delegation.
Internal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for exporting web accessibility audit findings to CSV format.
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against be — from…
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against be — from…
Review UI code for Web Interface Guidelines compliance. Use when asked to \"review my UI\", \"check accessibility\", \"audit design\", \"review UX\", or \"check my site against…
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against be — from…
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against be — from…
2026 web design MUST-DO baseline — typography, color, layout, spacing, accessibility, performance, content structure, mobile/responsive, and visual hierarchy.
Web开发工具集专业版为团队与企业提供端到端Web开发工程能力,涵盖性能工程化、SEO深度优化、WCAG AA可访问性审查、企业级部署与监控告警。核心能力: - 性能工程化(Lighthouse CI/性能预算/监控) - SEO深度优化(结构化数据/站点地图/国际化) - WCAG AA可访问性审查与改造 - 企业级部署(多环境/蓝绿/灰度) -…
Shared rules for any web engineering work — trust model, non-negotiable accessibility (verify the a11y tree not screenshots, axe-core WCAG 2.2 AA), live docs via Context7, and a…
Web interface quality rules — 100+ code-level UI/UX/accessibility rules across 15 categories. Covers accessibility (ARIA, semantic HTML, keyboard), forms (autocomplete,…
Internal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for applying accessibility fixes to web source code.
Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index), identifies render-blocking resources, network dependency c — from…
Use this when: my site is slow, why is my Lighthouse score low, my LCP is too high, my page keeps shifting layout, fix Core Web Vitals, make my site accessible, keyboard…
Fix PageSpeed Insights/Lighthouse accessibility "!" errors caused by contrast audit failures (CSS filters, OKLCH/OKLAB, low opacity, gradient text, image backgrounds).
AI-powered web application QA automation using accessibility-tree based testing. Smoke tests, test suites, and PDF reports.
Auditoría integral de calidad web basada en Google Lighthouse (150+ checks). Cubre Performance, Core Web Vitals, Accessibility (WCAG 2.1), SEO y Best Practices.
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit",…
Web content discovery, URL crawling, and page inventory for accessibility audits. Use when scanning web pages, crawling sites for audit scope, or building page inventories for…
Compute web accessibility scores (0-100, A-F grades) with severity scoring, confidence levels, and remediation tracking across audits.
Use for current deltas in Vite 8/Rolldown/Oxc, WCAG 2.2, Lighthouse 13, or OpenAPI 3.1. Not for full frontend design, React performance, or generic API implementation; use the…
WCAG-aligned accessibility rules for a website — image alt text, form labels, keyboard navigation, visible focus, skip links, semantic landmarks, accessible errors, reduced…
Audit and fix any website (new, in development, or already live) against the organization's mandatory engineering and web standards, then scaffold or repair the gaps after the…
当用户要求"微信监听"、"消息提取"、"Agent 开发"、"wxauto"、"Accessibility API"、"UI 自动化"、"输入框控制"、"Platform Agent"，或者提到"微信自动化"、"消息监控"、"WeChat monitoring"时使用此技能。用于开发 WeReply 的 Platform Agent（Windows…
Design and UX guidelines for Wednesday Solutions projects. Covers visual design tokens, animation patterns, component standards, accessibility, and user experience best practices…
Send WhatsApp messages. Preferred: accessibility (fully automated, no user tap). Alternative: intent (opens chat, user taps Send). Look up contact number first.
Configure Windsurf themes and visual settings for accessibility. Activate when users mention "change theme", "customize colors", "accessibility settings", "visual preferences", or…
Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK…
Design native iOS interfaces following Apple Human Interface Guidelines. Use when the user mentions "iPhone app", "iPad layout", "SwiftUI", "UIKit", "Dynamic Island", "safe…
Word document accessibility specialist. Use when scanning, reviewing, or remediating .docx files for accessibility.
Writes Playwright E2E tests using the page-object pattern and accessibility-tree assertions. Use whenever creating or editing E2E test files in a Playwright project.
Use this skill when the user asks about accessible forms, form labels, form errors, input accessibility, "aria-required", "aria-invalid", "aria-describedby", fieldset and legend,…
Use this skill when the user asks about keyboard navigation, keyboard accessibility, focus management, focus trapping, focus ring, focus indicator, ":focus-visible", skip links,…
Use this skill when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop.
Guide for conducting comprehensive accessibility audits of code to identify WCAG compliance issues and barriers to inclusive design.
This skill conducts full accessibility audits of shipped product experiences against WCAG and platform-specific standards.
This skill checks design outputs against accessibility standards before handoff to engineering. Use when asked to verify WCAG compliance on a design file, review colour contrast…
This skill checks frontend implementations against WCAG accessibility standards during development. Use when asked to review a component for accessibility, validate ARIA usage, or…
Use this skill when reviewing accessibility, semantic HTML, keyboard navigation, alt text, color contrast, ARIA, forms, buttons, links, and reduced motion.
This skill enables Claude to perform comprehensive accessibility audits. It uses the accessibility-test-scanner plugin to identify WCAG 2.1/2.2 compliance issues, validate ARIA…