frontend-code-review — Skills

What it does

Pending-change review: inspect staged and working-tree changes.

File-focused review: inspect explicitly named files or paths.

Diff/snippet review: review pasted diffs or snippets using best-effort references.

web/AGENTS.md for Dify frontend workflow, overlays, design tokens, state, and tests.

packages/dify-ui/README.md and packages/dify-ui/AGENTS.md when code uses or changes @langgenius/dify-ui/.

web/docs/overlay.md when reviewing dialogs, drawers, popovers, tooltips, menus, selects, comboboxes, or other floating UI.

web/docs/test.md and the frontend-testing skill when reviewing tests or testability.

frontend code review

Source

Repository: https://github.com/langgenius/dify

frontend-code-review FAQ

What does the frontend-code-review skill do?

Review Dify frontend code for correctness, accessibility, component design, dify-ui usage, data/query boundaries, performance, and tests. Trigger for `.tsx`, `.ts`, `.js`, UI, React, Next.js, pending-change, or focused frontend review requests. Pending-change review: inspect staged and working-tree changes. File-focused review: inspect explicitly named files or paths.

How do I install frontend-code-review?

Run: npx -y skills add https://github.com/langgenius/dify --skill frontend-code-review --agent claude-code — the source lives at github.com/langgenius/dify.

Maintain frontend-code-review?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![frontend-code-review on getagentictools](https://getagentictools.com/badge/skills/langgenius-dify-frontend-code-review.svg)](https://getagentictools.com/skills/langgenius-dify-frontend-code-review?ref=badge)

npx agentictools info skills/langgenius-dify-frontend-code-review

The second line is the CLI lookup for this page — handy in READMEs and docs.