frontend-code-review
Frontend Code Review Skill
Intent: Use whenever requested to review frontend code (React, Next.js, TypeScript).
Supports:
- Pending-change review: Reviewing
git diffor staged files. - File-targeted review: Reviewing specific existing files.
Review Process
- Scan: Read the code to identify architectural patterns, hooks usage, and component structure.
- Check: Apply the Review Checklist.
- Report: Output findings in the Required Output Format.
Review Checklist
1. Code Quality & Style
- Naming: Are variables/functions named descriptively? (e.g.,
isLoadingvsflag) - Type Safety: Is
anyavoided? are interfaces defined clearly?
More from first-fluke/fullstack-starter
fastapi-router-creator
Guide for creating and organizing FastAPI routes using a file-based routing system or modular router pattern. Helps organize complex API structures.
46component-refactoring
Refactor high-complexity React components. Use when complexity metrics are high or to split monolithic UI.
33ui-ux-pro-max
Advanced design intelligence for professional UI/UX. Use for implementing modern design patterns (Glassmorphism, Bento Grid), ensuring accessibility, and generating tailored design systems for web and mobile.
26frontend-engineer
Develop production-grade frontend code using shadcn/ui, best practices, and strict design alignment.
17skill-lookup
Discover, retrieve, and learn about available Agent Skills. key capability for finding tools to solve specific problems.
16fastapi-templates
Production-ready FastAPI project templates and patterns. Use when starting new FastAPI projects, services, or adding standard components like auth, DB connection, or middleware.
15