skills.rest
langflow-ai
langflow-aiOFFICIAL
Explore all skills by this author →
Website𝕏@langflow_aiGitHub

frontend-code-review

Reviews React/TypeScript frontend code in Langflow's src/frontend for quality, performance, and correctness issues.

153k|9.8k|Updated Feb 8, 2023
Search Tags:#typescript#performance#accessibility#frontend#react#code-review
One-click install
npx skills add https://github.com/langflow-ai/langflow --skill frontend-code-review-langflow-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-code-review
Source: https://github.com/langflow-ai/langflow/tree/main/.agents/skills/frontend-code-review
Command: npx skills add https://github.com/langflow-ai/langflow --skill frontend-code-review-langflow-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reviews Langflow's frontend code to identify and remediate quality, performance, and correctness issues across the codebase.

Core Features & Use Cases

  • Checklist-driven reviews for React/TypeScript files (.tsx, .ts, .js) under src/frontend, ensuring adherence to project conventions.
  • Supports pending-change reviews and file-targeted reviews, with actionable fixes and code examples.
  • Provides guidance aligned with Langflow's frontend stack (React 19, TypeScript 5.4, Vite, Zustand, TanStack Query, Radix UI, Tailwind, Biome) and references for improvement.

Quick Start

Run the frontend-code-review skill to analyze the given frontend files and return a structured feedback report.

Frequently Asked Questions about frontend-code-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review React and TypeScript code for quality and performance?▼

To review React and TypeScript code for quality and performance, use a checklist-driven approach that enforces project conventions, identifies anti-patterns, and provides actionable fixes with code examples and precise file references.

What is the best way to audit frontend code correctness in a React codebase?▼

Auditing frontend code correctness in a React codebase involves analyzing component logic against project standards, focusing on performance patterns and alignment with conventions across canvas and inspection panel contexts to generate a structured feedback report.

Can I run a code review on pending changes and specific .tsx files?▼

Yes, you can run code reviews on pending changes and specific .tsx files. The review targets React/TypeScript files under the frontend source directory, returning actionable fixes and guidance aligned with the project's stack.

How do frontend code reviews handle checks for accessibility and performance patterns?▼

Frontend code reviews handle accessibility and performance checks by applying predefined checklists and references to the codebase, requiring actionable fixes that align with the project's specific UI and state management conventions.

Does the frontend code review process support projects using Vite, Zustand, and TanStack Query?▼

Yes, the frontend code review process supports projects using Vite, Zustand, and TanStack Query, providing guidance specifically aligned with this modern React stack alongside TypeScript, Radix UI, Tailwind, and Biome.

Related Skills

Explore More Software Engineering Skills→
hakushunhakushun

frontend-component

Create React components with TypeScript, Storybook stories, and tests.

Community
Basic
yangmiokyangmiok

frontend-code-review

Automate frontend code reviews against standardized checklists for .tsx, .ts, and .js files.

Community
Basic
Spectaculous-CodeSpectaculous-Code

lint-fixer

Analyze and resolve linting and formatting issues in TypeScript and React codebases using Biome.

Official
Intermediate
OneWave-AIOneWave-AI
245

code-review-pro

Review code for security vulnerabilities, performance bottlenecks, and maintainability issues.

Official
Basic