review-frontendComprehensive React/TypeScript frontend code review with per-area review skills, run in parallel where the agent supports subagents and sequentially otherwise.
Install via ClawdBot CLI:
clawdbot install anderskev/review-frontendGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Apr 19, 2026
A development team is adding a new dashboard widget to a React-based SaaS application. The skill analyzes TypeScript components, CSS styles, and integration with existing state management (e.g., Zustand) to ensure code quality and prevent regressions before merging to the main branch.
An e-commerce company is refactoring its product listing page to use React Flow for a visual workflow builder. The skill reviews the integration of React Flow with shadcn/ui components and Tailwind CSS, checking for performance issues and accessibility compliance in the updated UI.
A fintech startup is updating its transaction tracking interface to meet new regulatory requirements. The skill reviews React Router changes, TypeScript type safety, and test coverage for critical financial data displays, ensuring no security vulnerabilities are introduced.
A healthcare provider is enhancing its patient portal with new appointment scheduling features. The skill reviews the use of shadcn/ui for consistent UI, Zustand for state management, and Vitest tests to verify functionality without breaking existing medical data handling.
An educational technology company is developing an interactive coding tutorial using React and Tailwind v4. The skill reviews the code for React Flow diagrams, CSS theming, and test files to ensure the module is robust and user-friendly for students.
Offer this skill as part of a monthly subscription for development teams, providing automated frontend code reviews on every pull request. Revenue is generated through tiered pricing based on repository size and review frequency, targeting mid-sized tech companies.
Release the skill as a free open-source tool for individual developers, with premium features like parallel agent reviews and advanced integrations available for a fee. Revenue comes from enterprise licenses and support contracts for large organizations.
Partner with CI/CD platforms like GitHub Actions or GitLab CI to offer this skill as a paid add-on for automated code reviews. Revenue is generated through commission on each review run or a flat fee per integration, appealing to DevOps teams.
💬 Integration Tip
Integrate this skill into your CI/CD pipeline using Git hooks or platform actions; ensure Node.js and required dependencies are installed to run verification commands like npm run lint after fixes.
Scored Jun 21, 2026
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
CSS implementation patterns for layout, typography, color, spacing, and responsive design. Complements ui-design (fundamentals) with code-focused examples.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.