Audit React components for WCAG 2.2 compliance and suggest fixes. Use when the user wants an accessibility review of existing React component code (as opposed to running automated CI checks or building new components).
Automates accessibility testing using eslint-plugin-jsx-a11y linting and Playwright-based axe-core checks. Use when the user wants to run, configure, or integrate automated accessibility tests into a React project. Do not use for manually reviewing component structure, building new components, or non-React/non-browser…
Generates or updates AI tool instruction files for GitHub Copilot (.github/copilot-instructions.md + .github/instructions/), Claude Code (CLAUDE.md + .claude/), Cursor (.cursor/rules/), and OpenAI Codex CLI (AGENTS.md + .agents/skills/) based on the detected project type and this playbook's policies. Use when the user…
Senior code reviewer that evaluates changes across five dimensions — correctness, readability, architecture, security, and performance. Use for thorough code review before merge.
Automates conversion of Figma designs into React/TypeScript components and supporting artifacts for a selected project scope, using the Figma MCP server for design context and the Chrome MCP server to verify components in a running dev server. Use when the user wants to turn a Figma node or design screenshot into…
Converts Figma nodes into production-ready React/TypeScript components using project-provided conventions and reusable component libraries. Use when implementing or updating UI from Figma in any project scope.
Scaffold or extend Node.js/TypeScript microservices with validation, error handling, and testing. Use when the user wants to create or modify an API endpoint, service layer, or route handler in Express, Nest.js, or Fastify.
Builds and extends Node.js/TypeScript microservice endpoints with request validation (Zod/Joi/class-validator), structured error handling, and unit + integration tests. Use when the user wants to create or modify an API endpoint, service layer, or route handler in Express, Nest.js, or Fastify. Do not use for React…
Review pull requests for code quality, security, tests, policy compliance, and AI tool instruction consistency. Use when the user wants a structured review of a git diff or set of changed files before merge.
Build accessible React components following TypeScript and WCAG 2.2 standards. Use when the user wants to create or modify a React/TypeScript component, including tests, with accessibility built in from the start.
Creates and modifies React components using TypeScript, Tailwind CSS, shadcn/ui, and WCAG 2.2 Level AA accessibility patterns. Use when the user wants to build, update, or fix a React UI component, add keyboard navigation, or apply ARIA attributes. Do not use for Node.js services, API endpoints, database schemas, or…
Scan a workspace folder to detect project type and route to appropriate skills and AI tool configurations. Use when the user wants to identify a project's type/framework, find which skills apply, or verify AI tool instruction files are present and up to date.
Scaffolds new agent skill documentation following the OpenAI Codex CLI SKILL.md format (name + description frontmatter only, progressive disclosure via references/assets/scripts, agent-oriented procedural instructions). Use when the user wants to author a new skill, convert prose documentation into an agent skill, or…
★not rated 2 1mo agoA88 tokens
originalMIT
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: