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.

Install with Tessl CLI

npx tessl i github:langgenius/dify --skill frontend-code-review

What are skills?

Overall
score

77%

Review — 68%

Does it follow best practices?

If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:

npx tessl skill review --optimize ./path/to/skill

Learn more

Evaluation — 100%

↑ 1.92x

Agent success when using this skill

Validation — 11 / 11 Passed

Validation for skill structure

SKILL.md

Review

Evals

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

43%

100%

FilePath with line number

43%

100%

Suggested fix section

43%

100%

Urgent before suggestions

100%

Follow-up question appended

100%

Code snippets included

100%

No instruction text leaked

100%

42%

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

88%

100%

Suggested fix subsection

50%

100%

Code snippet for violation

86%

100%

Follow-up question appended

100%

Evaluated: 10 days ago
Agent: Claude Code

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.