frontend-code-review从架构、可维护性、类型安全、可访问性、样式一致性、性能和可测试性等角度审查前端代码,并将报告保存为 Markdown 文件。当用户要求代码审查、Review、评审代码质量时自动激活。
Install via ClawdBot CLI:
clawdbot install bovinphang/frontend-code-reviewGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Apr 18, 2026
A team building a web-based SaaS application uses this skill to review new feature implementations in React or Vue, ensuring code quality before deployment. It helps catch architectural issues like tightly coupled components and accessibility gaps in UI elements, reducing technical debt and improving user experience.
During updates to an e-commerce site's frontend, this skill reviews TypeScript and styling code to enforce consistency and security. It identifies XSS risks from user inputs and checks for performance bottlenecks in rendering, ensuring smooth shopping experiences and compliance with web standards.
In a fintech company developing a banking app, the skill audits frontend code for security and maintainability. It flags hardcoded sensitive data, verifies type safety in API contracts, and ensures accessibility for regulatory compliance, helping teams merge code safely without vulnerabilities.
A media organization uses this skill to review UI components in a content management system built with React hooks. It assesses component boundaries and test coverage, preventing God components and ensuring modularity for easier updates and collaboration among developers.
Offer this skill as part of a premium code quality platform where teams pay monthly for automated reviews. Revenue comes from tiered subscriptions based on usage volume and advanced features like custom rule sets, targeting mid-sized tech companies.
Sell this skill as an integrated solution within enterprise DevOps pipelines, with one-time setup fees and annual support contracts. It helps large organizations enforce coding standards and reduce review time, generating revenue from licensing and consulting.
Provide a free version with basic review capabilities to attract individual developers, then monetize through paid upgrades for teams. Revenue streams include premium features like detailed reporting and priority support, appealing to startups and open-source projects.
💬 Integration Tip
Integrate this skill into CI/CD pipelines to automatically trigger reviews on pull requests, ensuring consistent code quality checks without manual intervention.
Scored Apr 19, 2026
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
Systematic code review patterns covering security, performance, maintainability, correctness, and testing — with severity levels, structured feedback guidance, review process, and anti-patterns to avoid. Use when reviewing PRs, establishing review standards, or improving review quality.
Coding style memory that adapts to your preferences, conventions, and patterns for consistent coding.
Provides a 7-step debugging protocol plus language-specific commands to systematically identify, verify, and fix software bugs across multiple environments.
Control and operate Opencode via slash commands. Use this skill to manage sessions, select models, switch agents (plan/build), and coordinate coding through Opencode.
Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions