a11yInclusive UI for real users—keyboard and focus, semantics for AT, contrast and motion, forms and errors. Use when fixing WCAG issues, auditing screens, or de...
Install via ClawdBot CLI:
clawdbot install codenova58/a11yGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated May 8, 2026
Evaluate an online store for WCAG compliance, focusing on product search, cart, and checkout flows. Fix missing labels on form fields, keyboard traps in navigation, and ensure screen reader announcements for dynamic updates.
Design and implement full keyboard operability for a complex dashboard with data tables, dropdowns, and modals. Ensure focus order is logical and all interactive elements are reachable without a mouse.
Revise patient intake forms on a healthcare portal to be fully accessible. Improve error identification and suggestion for screen readers, add proper label associations, and ensure contrast meets WCAG AA for readability.
Update a video streaming service's player to support keyboard controls, provide captions and transcripts, and ensure live regions announce play/pause states. Address color contrast in the player controls and offer a high-contrast mode.
Provide accessibility audits and remediation consulting to clients, helping them achieve WCAG compliance. Charge per audit or retainer for ongoing support.
Offer a subscription service that includes automated monitoring, manual testing, and developer training. Revenue from recurring monthly fees.
Develop and sell a set of accessible UI components, design patterns, and testing scripts. Revenue from one-time purchases or licensing fees for commercial use.
💬 Integration Tip
Start by identifying critical user paths and use browser accessibility tools to surface issues, then prioritize fixes based on severity.
Scored May 8, 2026
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Searchable UI/UX design databases: 50+ styles, 97 palettes, 57 font pairings, 99 UX rules, 25 chart types. CLI generates design systems from natural language. Data-driven complement to ui-design.
Extract a color palette from an image and return HEX/RGB values with optional swatch image.
Design, preview, and generate UI code using Google Stitch (via MCP). Helps developers choose the best UI by generating previews first, allowing iteration, and then exporting code.
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a Web or mini program UI.