🔍
QualityShell

Frontend Code Review

by sangrokjung

Frontend Code Review is a Quality skill for Claude Code, published by sangrokjung in claude-forge.

806 stars175 forkson sangrokjung/claude-forgeAdded 2026/08/22Repository updated 2026/08/21
agentsai-assistantai-codingai-frameworkai-pair-programminganthropicautomationclaude-codeclaude-code-agentscli-toolsdeveloper-experiencedeveloper-toolsdotfileshooksllmmacosproductivityshellslash-commandsworkflow
Install in seconds
Install Frontend Code Review
Copy Frontend Code Review into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/sangrokjung/claude-forge/tree/main/skills/frontend-code-review ~/.claude/skills/frontend-code-review

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/sangrokjung/claude-forge.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/frontend-code-review/SKILL.md in sangrokjung/claude-forge
Installs to
~/.claude/skills/frontend-code-review
Collection
One of 25 skills cataloged from this repository
Category
Quality1354 skills

What Frontend Code Review does

Frontend Code Review reviews `.tsx`, `.ts`, and `.js` files for checklist violations. Use it for pending changes or named files before code is submitted.

Frontend Code Review is cataloged under Quality on DirSkills. Frontend Code Review comes from a repository tagged agents, ai-assistant, ai-coding, ai-framework and ai-pair-programming.

Documentation

README

Frontend Code Review

Intent

Use this skill whenever the user asks to review frontend code (especially .tsx, .ts, or .js files). Support two review modes:

  1. Pending-change review – inspect staged/working-tree files slated for commit and flag checklist violations before submission.
  2. File-targeted review – review the specific file(s) the user names and report the relevant checklist findings.

Stick to the checklist below for every applicable file and mode.

Checklist

See references/code-quality.md, references/performance.md, references/business-logic.md for the living checklist split by category—treat it as the canonical set of rules to follow.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Frontend Code Review

  • What else does sangrokjung publish alongside Frontend Code Review?

    Frontend Code Review is one of 25 skills that DirSkills catalogs from sangrokjung/claude-forge, the repository it ships in. Its siblings there include BigCode Evaluation Harness, Blind Spot Pass and Build System. Each one is a separate skill with its own page in this directory, installs the same way Frontend Code Review does, and is maintained by sangrokjung in that same repository. The rest of the collection is listed on the sangrokjung/claude-forge page.

  • How does Frontend Code Review compare to other Quality skills?

    Frontend Code Review ranks #949 by stars among the 1354 Quality skills in this catalog. The most-starred ones next to it are Benchmark, Benchmark Optimization Loop and API Design Patterns. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Frontend Code Review against them. Open each page to compare what they document and how they install.

More from sangrokjung/claude-forge

Frontend Code Review is one of 25 skills cataloged on DirSkills from sangrokjung/claude-forge.

See all 25 skills
🧪
1w ago

BigCode Evaluation Harness

BigCode Evaluation Harness evaluates code generation models on HumanEval, MBPP, MultiPL-E, and other benchmarks with pass@k metrics. Use it to compare coding ability, multi-language support, or overall code generation quality.
Quality
806175
🧭
1w ago

Blind Spot Pass

Blind Spot Pass surfaces the unknown unknowns in a domain before you start work, so you can prompt and decide with enough context. Use it when you are new to a field or handing off unfamiliar work and need a brief briefing first.
AI Engineering
806175
🛠️
1w ago

Build System

Build System detects a project's build tool and runs the right build or test command. Use it when setting up, building, or testing projects with npm, Python, Gradle, Maven, Cargo, Go, or Make.
DevOps
806175
🧩
1w ago

Cache Components

Cache Components gives guidance for Next.js Cache Components and Partial Prerendering. Use it when `cacheComponents: true` is enabled to decide what to cache, stream, tag, and invalidate in Server Components.
Frontend
806175
🤖
1w ago

Claude Code Agent

Claude Code Agent guides Claude Code projects with spec-first planning, context engineering, sub-agents, and post-dev verification. Use it when writing CLAUDE.md or spec.md, dispatching parallel agent work, or running the handoff and docs sync workflow.
AI Engineering
806175
🧠
1w ago

Continuous Learning V2

Continuous Learning V2 turns Claude Code sessions into atomic instincts using hooks, confidence scoring, and background pattern detection. Use it to capture repeated behaviors and evolve them into skills, commands, or agents.
AI Engineering
806175