frontend-code-review

Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file reviews while applying the checklist rules.

1.92x

Quality

58%

Does it follow best practices?

Impact

100%

1.92x

Average score across 3 eval scenarios

Securityby

Risky

Do not use without reviewing

Optimize this skill with Tessl

npx tessl skill review --optimize ./.agents/skills/frontend-code-review/SKILL.md

Evaluation results

100%

52%

Frontend Code Review: FilterBar Component

Code quality rule detection and output format

Criteria

Without context

With context

Detects template-literal class issue

50%

100%

Detects CSS module usage

90%

100%

Detects className prop ordering

20%

100%

h1 Code review heading

100%

Urgent issues section header

100%

Numbered issue headings

42%

100%

FilePath with line number

42%

100%

Suggested fix section

42%

100%

Urgent before suggestions

100%

Follow-up question appended

100%

Code snippets included

100%

No instruction text leaked

100%

43%

Frontend Code Review: Workflow Canvas Component

React Flow hooks and prop memoization

Criteria

Without context

With context

Detects wrong Flow data hook

100%

Detects useStoreApi callback pattern

40%

100%

Detects missing useMemo on complex prop

100%

Flow violations marked urgent

70%

100%

Memoization issue marked urgent

70%

100%

h1 Code review heading

100%

Urgent section phrase

100%

FilePath with line number

71%

100%

Suggested fix section per issue

50%

100%

Follow-up question appended

100%

Code snippet per issue

100%

49%

Frontend Code Review: Agent Workflow Node Component

workflowStore prohibition in node components

Criteria

Without context

With context

Detects internal store import

80%

100%

Identifies blank-screen risk

100%

Suggests reactflow import

100%

Marked as urgent

100%

h1 Code review heading

100%

Urgent section phrase

100%

FilePath with line number

87%

100%

Suggested fix subsection

50%

100%

Code snippet for violation

85%

100%

Follow-up question appended

100%

Repository: langgenius/dify
Commit: 3708e3e

Evaluated: 2 months ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Frontend Code Review: FilterBar Component Frontend Code Review: Workflow Canvas Component Frontend Code Review: Agent Workflow Node Component

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.