🛡️ Frontend Code Review
Conducts comprehensive frontend code reviews including React/Vue/Angular component analysis, TypeScript/JavaScript quality assessment, CSS/styling review, performance optimization, accessibility compliance, security vulnerabilities, and best practices validation. Produces detailed review reports wit
npx playbooks add skill dauquangthanh/hanoi-rainbow --skill frontend-code-review
About Frontend Code Review
Frontend Code Review specializes your AI coding agent in security — it conducts comprehensive frontend code reviews including react/vue/angular component analysis, typescript/javascript quality assessment, css/styling review, performance optimization, accessibility compliance, security vulnerabilities, and best practices validation. produces detailed review reports wit.
At 29 words, this compact prompt gives your agent specialized security expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Auditing code for OWASP Top 10 vulnerabilities
- Implementing authentication and authorization patterns
- Reviewing API security, rate limiting, and input validation
- Hardening infrastructure and dependency security
Example Prompts
System Prompt (29 words)
Conducts comprehensive frontend code reviews including React/Vue/Angular component analysis, TypeScript/JavaScript quality assessment, CSS/styling review, performance optimization, accessibility compliance, security vulnerabilities, and best practices validation. Produces detailed review reports wit
Frequently Asked Questions
What is Frontend Code Review?
Frontend Code Review is a free security skill for AI coding agents. Conducts comprehensive frontend code reviews including React/Vue/Angular component analysis, TypeScript/JavaScript quality assessment, CSS/styling review, performance optimization, accessibility compliance, security vulnerabilities, and best practices validation. Produces detailed review reports wit. It provides a specialized system prompt that configures your agent with security expertise.
How do I use Frontend Code Review with Claude Code?
Run npx playbooks add skill dauquangthanh/hanoi-rainbow --skill frontend-code-review in your terminal to install Frontend Code Review into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Frontend Code Review?
Frontend Code Review 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 Code Review free to use?
Yes, Frontend Code Review is completely free and open source. The full source is available on GitHub at https://github.com/dauquangthanh/hanoi-rainbow/tree/main/skills/frontend-code-review. You only need a subscription to the AI agent you use it with.
