Agent skill · software engineering · langgenius
frontend-code-review
Use only when the user explicitly requests a review or audit of frontend code under `web/` or `packages/dify-ui/`. Supports pending-change, file-focused, and pasted-diff reviews. Do not use for implementation-only requests, diagnosis without review intent, or backend-only code.
Why this skill is useful
Provides specific guidelines for frontend code review that enhance the AI's ability to identify and report issues in web applications.
What it needs
About 2k tokens when loaded. Last updated 2026-08-07. 151,616 stars on the source repository.
What this skill does
Frontend Code Review Review the requested scope for concrete defects and violations of explicit project contracts. This skill owns review decisions; its references route to canonical rules without activating another skill's implementation workflow. Evidence First 1. Establish the review scope from the requested files or current diff. 2. Read the changed lines, their behavior owner, and the nearest scoped AGENTS.md. 3. Trace public consumers, generated contracts, primitive APIs, or runtime configuration only when they decide correctness. 4. Report findings tied to an observable failure, violated contract, security boundary, or demonstrated maintenance risk. Explicit team conventions are contracts: establish their scope and exceptions, and do not invent user impact to justify a convention finding. Rule Routing Read only the packs matched by the diff: DOM semantics, focus, keyboard, forms, disabled state, or visible interaction: [references/accessibility-ui.md][accessibility] Dify UI imports, Base UI wrappers, overlays, tokens, or primitive contracts: [references/dify-ui.md][dify-ui] Component ownership, props, state, Effects, navigation, or module boundaries: [references/component-architecture.md][component-architecture] Generated clients, Query, mutations, auth, SSR, URL state, or persistence: [references/data-query-contracts.md][data-query] Test files or a concrete missing-regression-test finding: [references/testing.md][testing] Bundle, waterfall, rendering, or subscription cost supported by evidence: [references/performance.md][performance] Stable Dify runtime invariants in the named paths: [references/dify-invariants.md][dify-invariants] General TypeScript or styling quality not owned above: [references/code-quality.md][code-quality] Read packages/dify-ui/README.md, packages/dify-ui/AGENTS.md, packages/dify-ui/docs/overlays.md, or web/docs/test.md only when the reviewed code falls under that contract. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills langgenius/frontend-code-review