Reliability checks, QA flows, and regression prevention.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
Stress-test UI with worst-case data behind a demo toggle, then report what broke and how to fix each edge case.
Development workflows for the playwright-cli repository, including rolling Playwright dependencies and preparing releases.
Narrow React component prop types to match live code paths instead of widened story, mock, or test contracts.
Renders every state of a component you choose on a throwaway page, with mock data and a switcher, so you can work on each state.
Run the AccessLint rule engine against a live page and return a worklist of WCAG 2.2 violations grounded to DOM selectors and source locations.
Regression check that diffs a live page's accessibility violations against a baseline from uncommitted changes or a branch.
Run a sharp, prioritized design critique of a UI — a URL, a screenshot/image, or a component file — covering visual hierarchy, typography, spacing, color & contrast, motion, component states, responsiveness, accessibility, and brand consistency. Returns findings ranked from blocking to polish, each with a specific fix; can optionally apply the fixes to code. Use when the user asks to review/critique a design, page, screen, component, or screenshot, or to check craft/accessibility before shipping.
Interface review of a change rather than a screen: uncommitted work, the current branch, or a pull request. Covers interface quality, not correctness, tests, or security.
Review and improve focus states, keyboard support, ARIA, forms, screen readers, hit areas, and motion accessibility.
Health-check Linear projects for slipping dates, stale in-progress work, orphan issues, and tracking anti-patterns.
Opinionated guidance for building production TypeScript applications with Effect v4, including workflows, services, layers, schemas, configuration, scheduling, caching, streams, HTTP clients, and tests.
Run an extremely strict maintainability review for abstraction quality, giant files, and spaghetti-condition growth.
Survey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on source code — never implements, fixes, or refactors anything itself. Use when asked to audit a codebase, find improvement opportunities (bugs, security, performance, test coverage, tech debt, migrations, DX), suggest features or take the project next, or generate handoff plans for another agent to implement.
Guidance for designing deep modules with small interfaces and clean seams.
Red-green-refactor workflow for building features and fixes one slice at a time.
Systematic bug diagnosis through reproduce, minimize, hypothesize, instrument, and fix.
Breaks a plan or PRD into independently actionable issues.
Scans a codebase for deepening opportunities and turns them into a prioritized visual report.
Moves issues through a structured triage state machine.
Routing bundle for code work covering planning, debugging, TDD, architecture, and execution flows.
Review animation quality, timing, and motion consistency with a production-critical eye.
Build foundational UI primitives from scratch with strong ARIA, keyboard, focus, and state handling.
Diagnose and improve interface performance across rendering, motion smoothness, assets, and load speed.
Make interfaces production-ready with robust empty states, edge cases, errors, onboarding, and i18n resilience.
Evaluate design quality with structured UX scoring, persona checks, and actionable remediation guidance.
Run technical UI quality audits across accessibility, performance, theming, responsive behavior, and anti-patterns.
Survey a codebase's animation and motion code as a senior motion advisor, then produce prioritized audit and self-contained implementation plans. Read-only on source code - it plans improvements, it does not apply them. Use when the user asks to improve animations, audit motion, make an app feel better, or wants a roadmap of animation fixes rather than a review of a single diff.
Compatibility listing for refactor installs from AccessLint's marketplace skill set.
Manual accessibility pass on a live page: keyboard operation and focus order, screen-reader names and roles, reflow and zoom, reduced motion, form errors, and target size. Use for the checks a rule engine can't decide; it grades findings by evidence and severity but does not fix them.
Accessibility auditing and remediation workflow that combines detection, prioritization, and practical fixes for WCAG issues.
Run React Doctor to detect regressions in security, performance, correctness, and architecture, with score-based quality checks.
Vitest testing best practices for unit tests, mocking, coverage, fixtures, and test filtering.
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
Web quality auditing skill for Lighthouse-style analysis across performance, accessibility, best practices, and SEO signals.
Official Playwright CLI skill for browser automation, test generation, tracing, and session-driven end-to-end testing workflows.
Browser automation CLI for AI agents for navigation, form actions, extraction, screenshots, QA, and app testing.
Drive a Next.js route to instant navigation under Cache Components using a failing Playwright test and an agentic fix loop.
Testing strategies for Vue applications, including component tests, integration tests, and reliability patterns.
Practical debugging workflows for diagnosing and fixing Vue reactivity, rendering, and state issues.
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
