frontend-review

Reviews React 19, Ant Design v6, and TypeScript 5 frontend code across four quality dimensions.

Updated Aug 9, 2026
One-click install
npx skills add https://github.com/stbui/trade-crawlee --skill frontend-review-stbui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-review
Source: https://github.com/stbui/trade-crawlee/tree/main/.claude/skills/frontend-review
Command: npx skills add https://github.com/stbui/trade-crawlee --skill frontend-review-stbui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Frontend code changes often ship with hidden issues like type errors, XSS risks, missing null checks, and style violations that linters alone cannot catch. This Skill performs a structured multi-layer review of React 19 + Ant Design v6 + TypeScript 5 code and produces a graded issue list with ready-to-use fix examples. ## Core Features & Use Cases - Four-Layer Review: Scans every changed file across syntax/conventions, business logic, security, and maintainability dimensions. - Graded Issue Reports: Classifies findings as critical, warning, or suggestion, each with file location, line range, and copy-paste fix code. - Project-Specific Rules: Enforces React 19 and Ant Design v6 constraints such as banning static message/Modal calls, Pro components, inline styles, and any types. - Use Case: Before merging a pull request that adds a new list page, run this Skill to verify pagination syncs with API requests, the submit button prevents duplicate submissions, and no hardcoded secrets or unsafe useEffect dependencies slipped in. ## Quick Start Review the changed frontend files in my current branch and output a graded issue report with fix examples.

Frequently Asked Questions about frontend-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review React 19 frontend code before merging a pull request?▼

Run a structured four-layer review covering syntax and conventions, business logic, security, and maintainability on every changed file. This Skill outputs a graded report with critical, warning, and suggestion issues, each including file location and fix code.

What code review checks apply to Ant Design v6 projects?▼

Ant Design v6 reviews should ban static message and Modal.confirm calls in favor of useApp context, prohibit @ant-design/pro-components, require Table scroll configuration, and replace inline styles with styled files or Space layout components.

Does this review skill modify my frontend code automatically?▼

No, it only reviews and reports issues without modifying any business code, adding features, or restructuring the project. The output is a review report with fix examples that developers apply themselves.

Can this skill review NestJS backend or database schema code?▼

No, it is scoped to frontend code only: JSX/TSX components, TypeScript types, API layer wrappers, routing, styles, and Hooks logic. Backend NestJS reviews and database schema audits are explicitly out of scope.

Why does useEffect with empty dependencies get flagged in reviews?▼

An empty dependency array while referencing external variables causes stale closures or infinite loops when the referenced function is not a stable reference. The review flags this as a warning and recommends declaring complete dependencies or deriving values with useMemo.