frontend-code-review从架构、可维护性、类型安全、可访问性、样式一致性、性能和可测试性等角度审查前端代码,并将报告保存为 Markdown 文件。当用户要求代码审查、Review、评审代码质量时自动激活。
Install via ClawdBot CLI:
clawdbot install bovinphang/frontend-code-reviewGrade Fair — 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 Jun 29, 2026
Control desktop applications on Windows — launch, close, focus, resize, move windows, simulate keyboard/mouse input, manage processes, control VSCode, read clipboard, and capture screen info. Use when the user wants to interact with any running program, switch windows, type text, press shortcuts, open files in VSCode, manage running processes, or get system display information.
Conduct rigorous, adversarial code reviews with zero tolerance for mediocrity. Use when users ask to "critically review" my code or a PR, "critique my code", "find issues in my code", or "what's wrong with this code". Identifies security holes, lazy patterns, edge case failures, and bad practices across Python, R, JavaScript/TypeScript, SQL, and front-end code. Scrutinizes error handling, type safety, performance, accessibility, and code quality. Provides structured feedback with severity tiers (Blocking, Required, Suggestions) and specific, actionable recommendations.
Coding style memory that adapts to your preferences, conventions, and patterns for consistent coding.
Pragmatic coding standards for writing clean, maintainable code — naming, functions, structure, anti-patterns, and pre-edit safety checks. Use when writing new code, refactoring existing code, reviewing code quality, or establishing coding standards.
Claude Code integration for OpenClaw. This skill provides interfaces to: - Query Claude Code documentation from https://code.claude.com/docs - Manage subagents and coding tasks - Execute AI-assisted coding workflows - Access best practices and common workflows Use this skill when users want to: - Get help with coding tasks - Query Claude Code documentation - Manage AI-assisted development workflows - Execute complex programming tasks
Plan, draft, version, and refine written content with enforced versioning and quality audits.