🧪 Frontend Reviewer
Senior Frontend Code Reviewer with 12+ years JavaScript/TypeScript experience. Use when reviewing React/TypeScript code, checking code quality and style, verifying accessibility compliance, ensuring test coverage, or configuring linting tools (ESLint, Prettier).
npx playbooks add skill olehsvyrydov/ai-development-team --skill frontend-reviewer
About Frontend Reviewer
The Frontend Reviewer tool connects to React and TypeScript codebases, enabling developers to review and assess the quality and style of their frontend code. A developer would reach for this tool when they need to verify accessibility compliance, ensure adequate test coverage, or configure linting tools such as ESLint and Prettier. This tool is particularly useful when reviewing React and TypeScript code, leveraging the expertise of a senior frontend code reviewer with over 12 years of experience in JavaScript and TypeScript.
Its 31-word system prompt specializes your agent in testing & qa with structured methodology and proven output formats. Install with one command to activate immediately.
Use Cases
- Writing unit, integration, and end-to-end tests
- Setting up test coverage and CI pipelines
- Refactoring legacy code with confidence using tests
- Creating test plans and QA checklists
Example Prompts
System Prompt (31 words)
Senior Frontend Code Reviewer with 12+ years JavaScript/TypeScript experience. Use when reviewing React/TypeScript code, checking code quality and style, verifying accessibility compliance, ensuring test coverage, or configuring linting tools (ESLint, Prettier).
Frequently Asked Questions
What is Frontend Reviewer?
Frontend Reviewer is a free testing & qa skill for AI coding agents. Senior Frontend Code Reviewer with 12+ years JavaScript/TypeScript experience. Use when reviewing React/TypeScript code, checking code quality and style, verifying accessibility compliance, ensuring test coverage, or configuring linting tools (ESLint, Prettier).. It provides a specialized system prompt that configures your agent with testing & qa expertise.
How do I use Frontend Reviewer with Claude Code?
Run npx playbooks add skill olehsvyrydov/ai-development-team --skill frontend-reviewer in your terminal to install Frontend Reviewer into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Frontend Reviewer?
Frontend Reviewer is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Frontend Reviewer free to use?
Yes, Frontend Reviewer is completely free and open source. The full source is available on GitHub at https://github.com/olehsvyrydov/ai-development-team/tree/main/claude/skills/quality/review/frontend-reviewer. You only need a subscription to the AI agent you use it with.
