Top React AI Tools for UI Workflows & Component Development

facebook

flags is a feature flag management tool that enables developers to check flag states, compare channels, and debug issues across different release channels.

facebook

The extract-errors skill is a React tool that extracts error codes and updates them for frontend development.

facebook

fix is a skill that resolves lint errors and formatting issues in JavaScript code using yarn prettier and yarn linc.

facebook

Flow is a type checking system for JavaScript, enabling developers to catch type errors in their React code.

facebook

Verify is a code validation skill that runs verification steps, including formatting, linting, type checking, and testing, to ensure code quality and adherence to React contribution requirements.

facebook

feature-flags is a set of techniques and tools for managing and debugging feature flags in React applications, including declarative frontend development and JavaScript libraries.

facebook

test is a skill for running tests on the React codebase, allowing developers to specify channels and test patterns.

vercel

update-docs is a guided workflow for updating Next.js documentation based on code changes, designed for maintainers reviewing PRs.

yusifeng

Formax Script Output Placement Workflow is a software tool that helps manage script output

yusifeng

formax-skill-capture is a Formax-specific wrapper around skill authoring, enabling reliable conversion of workflows into repo-local skills.

yusifeng

formax-repomix-handoff-workflow is a skill that enables developers to prepare a Formax code handoff with minimal repomix bundles and clear prompts for WebGPT and other coding agents.

workleap

best-practices is a set of modern web development standards for security, browser compatibility, and code quality, based on Lighthouse best practices audits.

ItsMattG

Autonomous execution loop that processes a Beads epic task-by-task with fresh subagents, two-stage review, and circuit breaker safety. Use after plan-to-epic creates the epic.

ssdeanx

Create new AI chat interface components for the ai-elements library following established composable patterns, shadcn/ui integration, and Vercel AI SDK conventions. Use when creating new components in

Takashi-Matsumura

NotificationServiceの使い方、通知タイプ・優先度、APIエンドポイント。新機能実装時の通知発行、通知センター拡張時に使用。

getsentry

Upgrade OpenTelemetry instrumentations across the Sentry JavaScript SDK. Use when bumping OTel instrumentation packages to their latest versions.

uhyo

A skill to make a GitHub release for the `@funstack/router` package. Use this skill when the user wants to release a new version of the package.

udecode

[DEPRECATED] Use /ce:compound instead — renamed for clarity.

udecode

kieran-python-reviewer is a Python code reviewer that enforces strict quality standards for Pythonic patterns, type safety, and maintainability.

udecode

Creates or updates README files following Ankane-style template for Ruby gems. Use when writing gem documentation with imperative voice, concise prose, and standard section ordering.

udecode

Full autonomous engineering workflow

zachsnoek

Generate descriptive commit messages by analyzing git diffs.

ebongard

Git Workflow is a version control system for AI agents, used to manage code changes