Claude Code Skill Front Review
Catch real issues before they reach production, directly from Claude Code.
Claude Code Skill Front Review is a Claude Code skill that analyses frontend files for code quality, potential bugs, performance, and maintainability. Using a single slash command with an optional strict mode, you get a structured report where every issue comes with a line reference, a clear problem statement, and a concrete fix. Compatible with JavaScript, TypeScript, React, CSS, Sass, HTML, Vue, Svelte, and Astro, it covers a wide range of the frontend stack.
Skill for Claude Code
See the CHANGELOG
Demo of Claude Code Skill Front Review
Key Features of Claude Code Skill Front Review
- 🔍 Two review modes: Standard (balanced) or Strict (tightened thresholds on quality, complexity, performance)
- 🌐 Supports 9 file types: JS, TS, React (JSX/TSX), CSS, Sass, HTML, Vue, Svelte, Astro
- 🚦 Four severity levels: 🔴 Critical, 🟠 Important, 🟡 Minor, 💡 Suggestion
- 📋 19 rule categories covering type safety, async handling, security, performance, reactivity, accessibility patterns, and more
- 📍 Every issue includes a line reference, a code snippet, a clear problem statement, and a concrete fix
- 🔒 Read-only: the file is never modified, only a structured report is produced
- ✨ Context7 integration: if available, enriches the review with up-to-date framework docs to catch deprecated patterns
- ⚡ Optimized loading: sub-files per language, only the relevant rules are loaded per run
Part of the Claude Code Frontend Skills collection.
