React

React skills teach your agent component patterns, hooks, performance rules, and ecosystem conventions for production-quality UI.

229 Skills in diesem Thema

Was Ihr Agent tun kann

  • Compose reusable components with modern React patterns
  • Apply hooks and state management best practices
  • Optimize rendering with memo, lazy loading, and profiling
  • Handle server and client component boundaries in modern stacks
  • Write accessible JSX with semantic markup
  • Test React components with Vitest and Testing Library

Skills in diesem Thema

vercel/next.js

The React Framework

vercel/next.js

npx skills add vercel/next.js

CopilotKit/CopilotKit

The Frontend Stack for Agents & Generative UI. React + Angular. Makers of the AG-UI Protocol

CopilotKit/CopilotKit

npx skills add CopilotKit/CopilotKit

ComposioHQ/codebase-migrate

Run large codebase migrations and multi-file refactors. Uses the Composio CLI to coordinate issue tracking, batched PRs, and CI verification while the agent executes the transforms locally across hundreds of files.

ComposioHQ/awesome-codex-skills

npx skills add ComposioHQ/awesome-codex-skills

ComposioHQ/skill-creator

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Codex's capabilities with specialized knowledge, workflows, or tool integrations.

ComposioHQ/awesome-codex-skills

npx skills add ComposioHQ/awesome-codex-skills

tambo-ai/tambo

Generative UI SDK for React

tambo-ai/tambo

npx skills add tambo-ai/tambo

antfu/vue-testing-best-practices

Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.

antfu/skills

npx skills add antfu/skills

antfu/vue-router-best-practices

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

antfu/skills

npx skills add antfu/skills

antfu/vue

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

antfu/skills

npx skills add antfu/skills

callstackincubator/agent-skills

A collection of agent-optimized React Native skills for AI coding assistants.

callstackincubator/agent-skills

npx skills add callstackincubator/agent-skills

csharp-concurrency-patterns

Choosing the right concurrency abstraction in .NET - from async/await for I/O to Channels for producer/consumer to Akka.NET for stateful entity management. Avoid locks and manual synchronization unless absolutely necessary.

Aaronontheweb/dotnet-skills

npx skills add Aaronontheweb/dotnet-skills

blog

>

AgriciDaniel/claude-blog

npx skills add AgriciDaniel/claude-blog

blog-cannibalization

>

AgriciDaniel/claude-blog

npx skills add AgriciDaniel/claude-blog

hfgwygey/yu-ai-agent

编程导航 2025 年 AI 开发实战新项目,基于 Spring Boot 3 + Java 21 + Spring AI 构建 AI 恋爱大师应用和 ReAct 模式自主规划智能体YuManus,覆盖 AI 大模型接入、Spring AI 核心特性、Prompt 工程和优化、RAG 检索增强、向量数据库、Tool Calling 工具调用、MCP 模型上下文协议、AI Agent 开发、Cursor AI 工具等核心知识。用一套教程将程序员必知必会的 AI 技术一网打尽,帮你成为 AI 时代企业的香饽饽,给你的简历和求职大幅增加竞争力。

hfgwygey/yu-ai-agent

npx skills add hfgwygey/yu-ai-agent

seaworld008/Commonly-used-high-value-skills

High-value AI skills repository for Codex, Claude Code, OpenClaw, agents, prompts, and automation workflows.

seaworld008/Commonly-used-high-value-skills

npx skills add seaworld008/Commonly-used-high-value-skills

ui-ux-pro-max

Data-driven UI/UX design intelligence with 50+ styles, 21 palettes, 50 font pairings, and 9 framework stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Searchable design knowledge base for professional UI/UX implementation. | 数据驱动的专业 UI/UX 设计智能,包含 50+ 设计风格、21 种配色方案、50 种字体配对,支持 9 种前端框架。可搜索的设计知识库,用于专业 UI/UX 实现。

shining319/claude-code-single-person-workflow

npx skills add shining319/claude-code-single-person-workflow

ui-designer

Senior UI/UX designer transforming product requirements into professional design solutions. Use when users need: (1) Page structure and information architecture, (2) UI layout and components, (3) Color schemes and visual specs, (4) Design specification docs, (5) User flow diagrams. Triggers: UI design, page design, interface design, interaction design, design specs, layout. | 资深UI/UX设计师,将需求转化为设计方案。触发词:UI设计、页面设计、界面设计、交互设计、设计规范、页面布局、设计方案。

shining319/claude-code-single-person-workflow

npx skills add shining319/claude-code-single-person-workflow

solution-architect

Transform product requirements into executable technical architecture. Use when users request: (1) Technical/system architecture design, (2) Tech stack selection, (3) Architecture from PRD, (4) Deployment strategy, (5) Architecture review. Provides workflows from requirements to deployment with tech stack templates. Triggers: architecture, tech stack, system design, deployment, infrastructure. | 将产品需求转化为技术架构。触发词:架构设计、技术架构、系统架构、技术选型、部署方案、基础设施。

shining319/claude-code-single-person-workflow

npx skills add shining319/claude-code-single-person-workflow

beautyfree/skiller-desktop-skills-manager

AI agent skills manager for Claude Code, Cursor, Codex and more — install, sync, and manage skills from one desktop app.

beautyfree/skiller-desktop-skills-manager

npx skills add beautyfree/skiller-desktop-skills-manager

xopcai/xopc

Personal AI assistant: CLI, gateway (HTTP/WebSocket + React console), Telegram and WeChat (Weixin) channels — TypeScript, 20+ LLM providers via pi-ai, extensions and skills.

xopcai/xopc

npx skills add xopcai/xopc

Ch1nfo/SFlow

AI Native SecOps platform powered by LangGraph multi-agent orchestration. Automated alert triage, pluggable skills, and human-in-the-loop command execution — all in one React WebUI.

Ch1nfo/SFlow

npx skills add Ch1nfo/SFlow

cometchat/cometchat-skills

Agent skills for integrating CometChat into Claude Code and AI coding workflows — chat, messaging, and real-time features.

cometchat/cometchat-skills

npx skills add cometchat/cometchat-skills

vietanhdev/edgevox

Offline voice agent framework for robots — agents, skills, workflows, sub-second voice pipeline, 2D/3D simulation (IR-SIM + MuJoCo), 15 languages, 56 voices, ROS2-native. Runs on CPU/CUDA/Metal, no cloud.

vietanhdev/edgevox

npx skills add vietanhdev/edgevox

retrospective-base

Framework for retrospectives at any time scale (daily, weekly, monthly, quarterly, yearly). Trigger with

ZachBeta/claude-as-coach

npx skills add ZachBeta/claude-as-coach

planning-base

Framework for planning at any time scale (daily, weekly, monthly, quarterly, yearly). Trigger with

ZachBeta/claude-as-coach

npx skills add ZachBeta/claude-as-coach

context-curation-base

Framework for managing project file context after retros/planning. Trigger after weekly retro + planning complete, after monthly retro + planning complete, or when context feels bloated. Also triggers with

ZachBeta/claude-as-coach

npx skills add ZachBeta/claude-as-coach

L-yifan/skills

agent Skills 备份仓库

L-yifan/skills

npx skills add L-yifan/skills

syncfusion/react-ui-components-skills

Agent prompts and skills for working with Syncfusion React UI components.

syncfusion/react-ui-components-skills

npx skills add syncfusion/react-ui-components-skills

mauhpr/agentlint-plugin

Claude Code plugin for AgentLint — real-time quality guardrails for AI coding agents

mauhpr/agentlint-plugin

npx skills add mauhpr/agentlint-plugin

Johnny1110/EVVA

An experimental ReAct agent implemented in Go.

Johnny1110/EVVA

npx skills add Johnny1110/EVVA

Apolinariolanga/skills

🤖 Explore and manage skills in the open agent ecosystem with this powerful CLI tool, supporting multiple agents including Opencode and Codex.

Apolinariolanga/skills

npx skills add Apolinariolanga/skills

techiejd/claude-skill-steelman

A Claude Code skill for pressure-testing decisions before you commit

techiejd/claude-skill-steelman

npx skills add techiejd/claude-skill-steelman

wuhaowen0714/agent-cloud

Stateless agent cloud — FastAPI backend + React/Vite frontend + sandboxed gRPC worker (OpenAI-compatible LLM), with auth, per-user BYO-key credentials, and installable skills.

wuhaowen0714/agent-cloud

npx skills add wuhaowen0714/agent-cloud

owezzy/connectrpc-skill

ConnectRPC agent skill — Go, Python, TypeScript (Angular/React) with Buf tooling

owezzy/connectrpc-skill

npx skills add owezzy/connectrpc-skill

benitodu72000-arch/ai-office

Explore a miniature 3D office where AI agents work, walk, talk, and hold meetings in a React and Three.js app

benitodu72000-arch/ai-office

npx skills add benitodu72000-arch/ai-office

abrahamjish1222-hash/ai-office

Explore a 3D AI office where agents work, walk, talk, and meet in a React and Three.js app

abrahamjish1222-hash/ai-office

npx skills add abrahamjish1222-hash/ai-office

kimzeze/frontend-conventions

Frontend coding conventions for AI coding agents (Claude Code, Cursor, Codex). 67 rules for Next.js 16 + React 19 + TanStack Query v5 + FSD.

kimzeze/frontend-conventions

npx skills add kimzeze/frontend-conventions

nardovibecoding/claude-sec-ops-guard

Claude Code plugin — 39 hooks + 28 MCP tools for enforcement, security scanning, prompt injection defense, VPS ops, and audit logging.

nardovibecoding/claude-sec-ops-guard

npx skills add nardovibecoding/claude-sec-ops-guard

timkulbaev/mcp-linkedin

MCP server for LinkedIn publishing, commenting, and reacting. Dry-run by default, SKILL.md included, 28 unit tests. MIT licensed.

timkulbaev/mcp-linkedin

npx skills add timkulbaev/mcp-linkedin

facebook/flags

Use when you need to check feature flag states, compare channels, or debug why a feature behaves differently across release channels.

facebook/react

npx skills add facebook/react

bobmatnyc/trpc-type-safety

tRPC end-to-end type-safe APIs for TypeScript with React Query integration and full-stack type safety

bobmatnyc/claude-mpm-skills

npx skills add bobmatnyc/claude-mpm-skills

waynesutton/convex-component-authoring

How to create, structure, and publish self-contained Convex components with proper isolation, exports, and dependency management

waynesutton/convexskills

npx skills add waynesutton/convexskills

jaganpro/sf-industry-commoncore-datamapper

OmniStudio Data Mapper (formerly DataRaptor) creation and validation with 100-point scoring. Use when building Extract, Transform, Load, or Turbo Extract Data Mappers, mapping Salesforce object fields, or reviewing existing Data Mapper configurations. TRIGGER when: user creates Data Mappers, configures field mappings, works with OmniDataTransform metadata, or asks about DataRaptor/Data Mapper patterns. DO NOT TRIGGER when: building Integration Procedures (use sf-industry-commoncore-integration-procedure), authoring OmniScripts (use sf-industry-commoncore-omniscript), or analyzing cross-component dependencies (use sf-industry-commoncore-omnistudio-analyze).

jaganpro/sf-skills

npx skills add jaganpro/sf-skills

facebook/verify

Use when you want to validate changes before committing, or when you need to check all React contribution requirements.

facebook/react

npx skills add facebook/react

forcedotcom/uplifting-components-to-slds2

Migrate Lightning Web Components from SLDS 1 to SLDS 2 by running the SLDS linter and fixing violations. Use this skill whenever users mention SLDS 2, SLDS uplift, linter violations, LWC token migration, class overrides, hardcoded CSS values that need SLDS hook replacement, or styling hook selection. Covers all styling hook categories — color, spacing, sizing, typography, borders, radius, and shadows. Also use when users mention no-hardcoded-values, no-slds-class-overrides, lwc-to-slds-hooks, no-deprecated-tokens-slds1, or ask about SLDS component migration — even if they don't explicitly say "uplift" or "migration".

forcedotcom/sf-skills

npx skills add forcedotcom/sf-skills

lum1104/understand

Analyze a codebase to produce an interactive knowledge graph for understanding architecture, components, and relationships

lum1104/understand-anything

npx skills add lum1104/understand-anything

facebook/test

Use when you need to run tests for React core. Supports source, www, stable, and experimental channels.

facebook/react

npx skills add facebook/react

facebook/flow

Use when you need to run Flow type checking, or when seeing Flow type errors in React code.

facebook/react

npx skills add facebook/react

code-with-beto/app-icon

Generate app icons for your React Native Expo app with iOS 26 support

code-with-beto/skills

npx skills add code-with-beto/skills

facebook/feature-flags

Use when feature flag tests fail, flags need updating, understanding @gate pragmas, debugging channel-specific test failures, or adding new flags to React.

facebook/react

npx skills add facebook/react

giuseppe-trisciuoglio/react-code-review

Provides comprehensive code review capability for React applications, validates component architecture, hooks usage, React 19 patterns, state management, performance optimization, accessibility compliance, and TypeScript integration. Use when reviewing React code changes, before merging pull requests, after implementing new features, or for component architecture validation. Triggers on "review React code", "React code review", "check my React components".

giuseppe-trisciuoglio/developer-kit

npx skills add giuseppe-trisciuoglio/developer-kit

Frequently asked questions

Many React skills apply broadly. For App Router-specific patterns (server components, caching), browse the Next.js topic too.

Auch durchsuchen

Alle Themen