langgenius avatar

Frontend Code Review

A structured frontend code reviewer that runs your TypeScript, JavaScript, and TSX files through a comprehensive checklist covering code quality, performance, and business logic issues. It handles two modes: reviewing staged changes before commits or analyzing specific files you point to. The output is consistently formatted with urgent issues flagged separately from suggestions, complete with file paths, line numbers, and actionable fixes. Each violation gets tagged with urgency metadata for prioritization. After finding issues that need code changes, it offers to automatically apply the suggested fixes, making it a complete review-and-remediate workflow rather than just a linting tool.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
6
skills.sh installs
10.1K
GitHub stars
160.8K
last updated
Aug 21, 2026

Install

$ npx -y skills add langgenius/dify --skill frontend-code-review --agent claude-code

Installs into .claude/skills of the current project.

Files

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

Sponsors

Details

Repository
github.com/langgenius/dify
Categories
Frontend Development, Backend & APIs, Git & Pull Requests, Code Review & Quality

More from langgenius/dify

All 8
1dotneet avatartypescript-react-reviewerdotneet/claude-code-marketplaceExpert code reviewer for TypeScript + React 19 applications. Use when reviewing React code, identifying anti-patterns, evaluating state management, or assessing9Kskills.sh installs
2onmax avatarreka-uionmax/nuxt-skillsUse when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state,7.5Kskills.sh installs
3affaan-m avatarfrontend-slidesaffaan-m/everything-claude-codefrontend slides7Kskills.sh installs
4lobehub avatarzustandlobehub/lobehubLobeHub Zustand store conventions. Use when editing src/store, store slices, public/internal actions, dispatch actions, flattenActions, optimistic updates, sele6.9Kskills.sh installs
5analogjs avatarangular-routinganalogjs/angular-skillsImplement routing in Angular v20+ applications with lazy loading, functional guards, resolvers, and route parameters. Use for navigation setup, protected routes6.9Kskills.sh installs
6affaan-m avatarfrontend-design-directionaffaan-m/eccSet an ECC-specific frontend design direction for production UI work. Use when building or improving websites, dashboards, applications, components, landing pag6.4Kskills.sh installs