React agent skills, page 26

A skill your agent uses when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or complex frontend structure; not for…

majiayu000/spellbook

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

nexu-io/open-design

Programmatic video creation with React. An agent skill from nexu-io/open-design.

nexu-io/open-design

Build complex claude.ai HTML artifacts with React and Tailwind.

nexu-io/open-design

Electron desktop apps with React, TypeScript, and Vite. An agent skill from jamditis/claude-skills-journalism.

jamditis/claude-skills-journalism

Design React components from Figma files. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

Creates tests for Hilla use cases on both sides of the browser boundary: Vitest + React Testing Library tests for the React/TypeScript view (with the generated endpoint clients mocked) and Spring…

AI-Unified-Process/marketplace

Guidance for distinctive, intentional visual design when building or reshaping UI, HTML/React artifacts, dashboards, charts, and visual reports.

spytensor/openmozi

A skill your agent uses when building or optimizing a local-first desktop app with React, dealing with excessive re-renders during navigation, slow chat/list UIs with streaming content, or profiling…

boraoztunc/skills

ENHANCE overlay on [[dspy]] — the upfront rubric for choosing a reasoning SHAPE (Predict / ChainOfThought / ReAct / ProgramOfThought) BEFORE you write a prompt or pick an optimizer.

agentsope/SkillAlchemy

A skill your agent uses when an agent must join, observe, react in, transcribe, summarize, or follow up on a Zoom, Google Meet, Microsoft Teams, or Webex meeting with Telnyx Meeting Bot.

team-telnyx/ai

Create and iteratively improve local web products from natural-language requests, then prepare them to run as Rudder Apps.

Undertone0809/rudder

Create a custom web dashboard (React + Vite + Express) inside your sandbox to visualize the agent's Turso database.

gooseworks-ai/goose-skills

A skill your agent uses when working on files in packages/plugins/, adding new plugins, refactoring plugin components/containers, writing storybooks for plugins, or wiring capabilities like…

dxos/dxos

A skill your agent uses when building or styling plugin UI with Composer's design system — the @dxos/react-ui packages.

dxos/dxos

Create premium, Awwwards-quality website designs as React (.jsx) components that look like they were built by a top-tier agency charging $50k+ per project.

davila7/claude-code-templates

[production-grade internal] Builds web frontends — React/Next.js components, pages, design systems, state management, typed API clients.

nagisanzenin/production-grade

Builds Airflow 3.1+ plugins that embed FastAPI apps, custom UI pages, React components, middleware, macros, and operator links directly into the Airflow UI.

astronomer/agents

Tauri 异常处理技能，覆盖 Rust 错误处理和 React 错误边界. An agent skill from bkywksj/knowledge-base.

bkywksj/knowledge-base

统一入口的 Remotion skill：用于 React/TS 视频制作、关键帧验图、中文旁白、字幕、渲染与交付。遇到 Remotion 视频需求时优先加载它。

dracohu2025-cloud/draco-skills-collection

AI 开发 Web 前端时应遵循的规范指引。当 Agent 执行前端开发任务（写组件、页面、样式、状态管理、构建配置、调试前端代码）时，加载本技能获取与最新主流 LLM 训练数据互补的规范约束：覆盖技术栈版本基线、AI 常见缺陷模式防御、代码质量红线、样式与界面设计质量（去 AI 味）、验证闭环流程。加载后按第 4 章工作流约束每一次代码生成行为。

cigery-useio/useio-skills

Prepare a Terrae component for release by running all checks and builds

alamenai/terrae

Agents should invoke this skill when choosing patterns, designing traits/interfaces/components, deciding abstraction boundaries, evaluating dependency injection/callbacks, or comparing…

waybarrios/opencode-power-pack

A skill your agent uses when the user says 'deploy to Netlify', 'Netlify setup', 'netlify-deploy', or needs to deploy a static site or serverless functions to Netlify with build configuration and…

cwinvestments/memstack

[omh] Oversized or tangled UI component: behavior-preserving refactor of UI code - preview the full change plan first, apply as a second explicit step, and work impact-ordered from state…

rlaope/oh-my-hermes

Standalone WebGL fragment shaders for card visual effects: holographic foil, shimmer, rarity glow.

notque/vexjoy-agent

Analyze US Treasury securities and interest rate risk: bond pricing, yield curve construction, duration, convexity, TIPS, and forward/spot rate analysis.

JoelLewis/finance_skills

Migrate a React form from Formik to TanStack Form following project conventions.

getlago/lago-front

A skill your agent uses when building a content-driven or marketing site with Astro 6: static-first pages, islands and partial hydration, content collections, server islands, per-route on-demand…

ericrisco/rsc-harness

A skill your agent uses when developing browser/Web applications (React/Vue/Angular, static websites, SPAs) that need AI capabilities.

LeoYeAI/openclaw-master-skills

A skill your agent uses when reviewing React rendering performance — profiler-first diagnosis, memo/useCallback/useMemo correctness, virtual scroll, useTransition/useDeferredValue, and canvas/WebGL…

mizchi/skills

A skill your agent uses when writing or modifying React components, planning React features, or working with .jsx/.tsx files - provides modern React patterns with TypeScript, hooks usage, component…

ed3dai/ed3d-plugins

React web development with hooks, React Query, Zustand. An agent skill from alinaqi/maggy.

alinaqi/maggy

Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。

affaan-m/ECC

Remotion 最佳实践 - 在 React 中创建视频。29 条领域特定规则，涵盖 3D、动画、音频、字幕、图表、过渡等。

affaan-m/ECC

Add a new issue type to one of Sculptor's review-rule docs. An agent skill from imbue-ai/sculptor.

imbue-ai/sculptor

Build accessible design systems with Radix UI primitives. An agent skill from aiskillstore/marketplace.

aiskillstore/marketplace

A skill your agent uses for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer.

avibebuilder/claude-prime

Add CometChat chat to a React app end-to-end — detect the project, get & verify dashboard credentials, init→login→render with CometChatProvider, and the drop-in conversation UI.

cometchat/cometchat-skills

Render a React/Vite (or any bundled) web app on the pi-dashboard canvas, which loads loopback URLs in a sandboxed opaque-origin iframe.

BlackBeltTechnology/pi-agent-dashboard

A skill your agent uses when the user asks to add, embed, integrate, configure, style, or remove an agent, chatbot, chat widget, conversation client, or AI assistant in a UI Bundle project (React or…

forcedotcom/sf-skills

MUST activate when the project contains a uiBundles//src/ directory and the task involves creating or configuring a Custom Application for hosting a UI bundle in Lightning Experience.

forcedotcom/sf-skills

MUST activate when the project contains a uiBundles//src/ directory and the user wants to add a pre-built feature — such as authentication (login, logout, protected routes, session management) or…

forcedotcom/sf-skills

MUST activate when the project contains a uiBundles//src/ directory (React or Angular) and the user wants to add a pre-built feature — such as authentication (login, logout, protected routes…

forcedotcom/sf-skills

A skill your agent uses when adding a front-end React or Angular UI bundle to an EXISTING SFDX project, or configuring UI bundle metadata and config files.

forcedotcom/sf-skills

Generates a minimal, ready-to-develop SFDX starter project from template instead of hand-scaffolding files.

forcedotcom/sf-skills

Discord automation CLI — send/read/search messages, manage channels and servers, react, create threads, pin messages, and look up users.

letta-ai/skills

Use after migrating/refactoring features (especially tables/data grids) when reviewing component structure - enforces merging over-split components, colocating files where used, removing unused…

udecode/kitcn