React agent skills, page 20

A skill your agent uses to choose the cheapest correct effect API in Jetpack Compose — LaunchedEffect, DisposableEffect, SideEffect, rememberUpdatedState, and skydoves/compose-effects'…

rosuH/EasyWatermark

Apply when writing or reviewing React effects in apps/web. An agent skill from stella/stella.

stella/stella

Work with Portable Text, a JSON-based specification for structured block content.

portabletext/editor

A skill your agent uses when a creative goal must become a finished media file: pick and order generative-media models per modality — AI voiceover, image-to-video clips, score — then glue them with…

ericrisco/rsc-harness

A skill your agent uses when building, designing, redesigning, or reviewing any UI in the dashboard React frontend (client/dashboard, including the inlined Speakeasy Elements code) — a new page…

speakeasy-api/gram

Implements search and filter interfaces for both frontend (React/TypeScript) and backend (Python) with debouncing, query management, and database integration.

ancoleman/ai-design-components

Create or refactor reusable Zoonk React UI primitives using flat compound components.

zoonk/zoonk

Identify the right Ignite UI Web Components (igniteui-webcomponents, grids, charts, dock manager, React wrappers) for a UI requirement and point to official docs, examples, and API references.

IgniteUI/igniteui-webcomponents

Generate a complete SaaS landing page with EdgeOne Pages deployment.

TencentEdgeOne/awesome-website-prompts-and-skills

A skill your agent uses when 用户需要React项目开发指导、代码规范制定、最佳实践落地、性能优化、架构设计时。触发场景：React开发、React代码优化、React架构设计、React Hooks使用、Next.js开发、React组件设计、React性能优化。

ProgrammerAnthony/Expert-Coding-Harness

Provides KryptoGO Payment integration overview and guides users to the appropriate skill.

paid-tw/skills

Write React design records. An agent skill from videojs/video.js.

videojs/video.js

Guides React Native and Expo work for cross-platform apps: Expo Router navigation, fast lists, Reanimated animation, platform-specific code and project structure.

tech-leads-club/agent-skills

TypeScript conventions, React patterns, testing, styling, and import rules for the Opentrons monorepo JS/TS packages.

Opentrons/opentrons

Wires Lunora's live data into a client app. An agent skill from anolilab/lunora.

anolilab/lunora

Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs.

jxnl/personal-monorepo-template

A skill your agent uses when working in any FaasJS repo and no narrower FaasJS skill is already selected, or when a task spans project conventions, validation gates, security boundaries, and…

faasjs/faasjs

Scrapes tweets from X (Twitter) by search query, user handle, or direct URL — returns full tweet data including text, author info, engagement metrics, media, and hashtags.

browser-act/skills

Full-stack backend architecture and frontend-backend integration guide.

HHU3637kr/skills

Diagnose and fix Canvasight plugin, MCP, native-widget readiness, host bridge, daemon, browser fallback, Run delivery, install, cache, or connection problems.

Niall-Young/Canvasight

Put words on this site — a blog post, a docs page, a product, or a live page from ONE's editor.

one-ie/one

React patterns with destructured props, compiler optimization, Effects, and Tailwind v4 syntax.

udecode/plate

Frontend building block catalog — typed patterns for components, hooks, queries, mutations, stores, and models.

bartstc/vite-ts-react-template

Design and review predictable public APIs for TypeScript, JavaScript, React, and React Native libraries.

margelo/react-native-skills

Analyze and fix useMemo/React.memo anti-patterns in your code

simstudioai/sim

Slack tool actions: send/read/edit/delete messages, react, pin/unpin, list pins/reactions/emoji, member info.

Kevin100202/Rocket-Design-and-Manufacturing-Automation-Program-from-Shenzhen22highschool

TypeScript、JavaScript、React、Node.js開発のための汎用コーディング標準、ベストプラクティス、パターン。

affaan-m/ECC

TypeScript, JavaScript, React, Node.js 개발을 위한 범용 코딩 표준, 모범 사례 및 패턴.

affaan-m/ECC

React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスのためのフロントエンド開発パターン. An agent skill from affaan-m/ECC.

affaan-m/ECC

React, Next.js, 상태 관리, 성능 최적화 및 UI 모범 사례를 위한 프론트엔드 개발 패턴. An agent skill from affaan-m/ECC.

affaan-m/ECC

Builds Solana wallet-connected apps with Phantom Connect SDKs for React, React Native and vanilla JS, plus DFlow spot swaps and market-data streaming.

internet-court/internet-court-skill

End-to-end Solana development guide covering wallet connection, Anchor and Pinocchio programs, Codama clients, local testing, security checks and RPC lookups with curl.

internet-court/internet-court-skill

用于处理涉及检查、读取、创建、编辑、导出或代码映射的 Figma 内容任务，也用于将 HTML/React/Vue 等网页复制到 Figma，尤其适用于当前选区、设计系统、Figma MCP、Drafito、Figwright 或需要避免 MCP 工具污染上下文的场景。当用户需要可批注 Figma 链接或要求同时绑定工作目录时，也应与 axhub-commentary 组合。

lintendo/Axhub-Skills

To build powerful frontend claude.ai artifacts, follow these steps:

sickn33/agentic-awesome-skills

Implementation patterns for the @open-doc/core runtime — the split between the viewer and the published bundle, virtual modules, the flow pipeline, the ops layer, dev-only plugins, and the…

simonliu-ai-product/open-doc

Judge whether a market FAILED to react to news favorable to a crowded speculative position — step 2 of Jason Shapiro's COT contrarian process.

tradermonty/claude-trading-skills

Simple scroll-triggered reveal animations using AOS (Animate On Scroll).

freshtechbro/claudedesignskills

Fix Payload admin crashes from duplicate @payloadcms/ui/payload/react in the dep graph.

jhb-software/payload-plugins

Build React animations with Motion (Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout animations, SVG.

theexperiencecompany/gaia

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support.

affaan-m/ECC

Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative sequences (useAnimate), loaders, and the full API decision tree.

affaan-m/ECC

Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react.

affaan-m/ECC

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and layout — built on motion-foundations tokens and springs.

affaan-m/ECC

React 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form actions, data fetching, state management decision trees, and…

affaan-m/ECC

React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills).

affaan-m/ECC

React component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with axe, and the decision boundary between component tests and Playwright/Cypress…

affaan-m/ECC

Expert patterns for Algolia search implementation, indexing strategies, React InstantSearch, and relevance tuning Use when: adding search to, algolia, instantsearch, search api, search functionality.

davila7/claude-code-templates

VeChain Kit and dapp-kit packages — installation, hooks, components, wallet connection, social login, smart accounts, theming, and Privy setup.

vechain/x-app-template