Best react components skills, page 8

Write a new Octane component in .tsrx, convert JSX to .tsrx, or add scoped <style blocks and themes.

octanejs/octane

React/TypeScript frontend development rules including type safety, component design, state management, and error handling.

shinpr/claude-code-workflows

Migrate a Grafana plugin to React 19 compatibility. An agent skill from grafana/skills.

grafana/skills

Generates React Spectrum UI code for Adobe Experience Cloud Shell apps and AEM UI Extensions from annotated patterns.

NeverSight/learn-skills.dev

A skill your agent uses when writing, reviewing, or debugging React components and hooks — state, effects, data fetching, forms, Server and Client Components — in whatever React setup the project…

WrongStack/WrongStack

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

TypeScript type-safety guidance. An agent skill from timmo001/system-bridge.

timmo001/system-bridge

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

Token-efficient library API documentation fetcher using Context7 MCP with 77% token savings.

aiskillstore/marketplace

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

经营分析看板/驾驶舱/数据大屏产品化交付；用于指标判断、趋势分析或投屏监控，不用于普通待办工作台和办事门户。含真实数据、筛选联动、卡片截图、组织内短链和钉钉待办闭环。常规图表使用 yida-rechart；明确 ECharts、复杂 ECharts option 或维护旧图表时使用 yida-chart。普通统计优先 yida-report。

openyida/openyida

Plan, review, and develop desktop and mobile app features following our MVVM architectural pattern.

LedgerHQ/ledger-live

Build animated motion design (explainer, transition reel, product intro).

bluzir/claude-code-design

Form validation combining Zod schemas with React Hook Form, including localized error messages, Server Action integration, and shadcn/ui Form components.

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 before editing ANY file under uiBundles//src/ (or the bundle's index.html) for visual or UI changes to an EXISTING app — pages, components, sections, layout, styling, colors, fonts…

forcedotcom/sf-skills

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

sammcj/agentic-coding

Generate and run tests for Adobe App Builder actions and UI components.

adobe/skills

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

bitovi/ai-enablement-prompts

Fetch official brand/product/tool logos (Stripe, GitHub, Notion, AWS, Figma, etc.) as clean SVGs from SVGL (svgl.app) — as saved .svg files, inline markup, or installed React components.

usenotra/notra

Provides React patterns for hooks, effects, refs, and component design.

majiayu000/spellbook

A production-ready Python AI Agent engine using LangChain. An agent skill from kennyzir/7deer_skills.

kennyzir/7deer_skills

Author a PostHog canvas with semantic HTML, CSS, and direct browser APIs — documents, articles, generative graphics, 2D canvas and WebGL experiences, and focused experiments where React components…

PostHog/posthog

Expert 10x engineer with extensive knowledge of TypeScript fundamentals, migration strategies, and best practices.

LeoYeAI/openclaw-master-skills

TypeScript coding standards — apply when writing, reviewing, or refactoring .ts/.tsx, or naming/renaming .ts files (camelCase casing).

forcedotcom/salesforcedx-vscode

Guides adding or modifying a feature in the HOT-Step CPP Node/TypeScript server (Express route + service pattern, better-sqlite3 schema changes, engine calls via aceClient, logging, tsx watch dev…

scragnog/HOT-Step-CPP

宜搭全屏幻灯片页面开发，兼容旧 yida-ppt / PPT / 演示 / 幻灯片触发词，使用 React hooks 管理翻页、URL hash、键盘/演讲笔、全屏和副作用清理。支持浅色简约与 dark-tech 主题。平台 JSX 组件生命周期模式仅用于对应运行时维护。

openyida/openyida

A skill your agent uses when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or…

aiskillstore/marketplace

Use shell heredoc syntax as a workaround when writefile fails on complex TypeScript/JSX/code files with encoding or escaping issues

HKUDS/OpenSpace

General React and React Native engineering rules for Ledger Live.

LedgerHQ/ledger-live

Create a new custom TipTap node for the Rich Text Editor that works in edit mode, on-screen preview, and PDF download.

getlago/lago-front

React + TypeScript patterns for production frontends. An agent skill from cohen-liel/hivemind.

cohen-liel/hivemind

React 19 patterns with React Compiler. An agent skill from Gentleman-Programming/Gentleman-Skills.

Gentleman-Programming/Gentleman-Skills

React 19 patterns including Server Components, Actions, Suspense, hooks, and component composition

rohitg00/awesome-claude-code-toolkit

Audit React components for unnecessary useEffect hooks. An agent skill from viclafouch/meme-studio.

viclafouch/meme-studio

Implement React components from Figma designs. An agent skill from bitovi/ai-enablement-prompts.

bitovi/ai-enablement-prompts

WordPress block editor code review and Gutenberg block development patterns for WordPress 6.x+.

jorgerosal/wordpress-skills

Type-safe React forms with React Hook Form and Zod validation.

secondsky/claude-skills

Generate, modify, and style React components from natural language using the Thesys SDK.

secondsky/claude-skills

Apply Manor's public contribution standards when creating, editing, or reviewing web UI, React or TSX components, CSS, Tailwind classes, layouts, forms, cards, dialogs, navigation, responsive…

manor-os/manor-ai

TypeScript types: generics, discriminated unions, Zod, satisfies, branded types.

softspark/ai-toolkit

Operate the Resend platform from the terminal — send emails (including React Email .tsx templates via --react-email), manage domains, contacts, broadcasts, templates, webhooks, API keys, logs…

Asymmetric-al/core

Audits a Next.js (App Router, 14/15+) codebase for React Hook Form anti-patterns — watch() at form root, Controller inlined in parent, async submit without try/catch, missing setError on server…

pproenca/dot-skills

Apply the formal standard for React component engineering focusing on accessibility, composition, and styling.

IgorWarzocha/Opencode-Workflows

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

aiskillstore/marketplace

Create distinctive, production-grade frontend interfaces with high design quality for new standalone web artifacts, pages, posters, dashboards, React components, HTML/CSS layouts, or clearly…

Citrus-bit/Anaxa

Frontend development for React, Next.js, TypeScript, and Tailwind CSS.

borghei/Claude-Skills