Search

Find skills by name, source, slug, or description across the full catalog.

#

Skill

Source

Installs

reactut on unit test creation in a react native proyects

react-mobile-app-dev 专门用于React移动端Web应用开发的技能，涵盖响应式设计、性能优化、PWA、触摸交互、移动端适?

migrate-react-spectrum-v3-to-s2 Upgrade React Spectrum v3 (Spectrum 1) codebases to React Spectrum S2. Use when developers mention migrating or upgra…

react-spectrum.adobe.com

spectrum-audit Audit a codebase for adherence to the Spectrum design system and React Spectrum S2 best practices. Use when a develop…

react-spectrum.adobe.com

lark-event Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume …

ck:ui-ux-pro-max UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte…

lark-event Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume …

open.larksuite.com

review-logging-patterns Review code for logging patterns and suggest evlog adoption. Optionally use @evlog/cli (`evlog init` to wire evlog, `…

stripe-apps >- Use when building, modifying, or reviewing a Stripe App — or when the user describes something that implies one (e…

docs.stripe.com

frontend-design Create distinctive, production-grade web UI. Use for web components, pages, apps, posters, landing pages, dashboards,…

bulletproof-react-auditor Use PROACTIVELY when users ask about React project structure, Bulletproof React patterns, or need architecture guidan…

refactor:react Refactor React and TypeScript code to improve maintainability, readability, and performance. This skill transforms co…

dev-specialisms:hashbrown-core Building LLM-powered React applications with the Hashbrown library. Use when the user asks to (1) Build generative UI…

heroui-react HeroUI v3 React component library (Tailwind CSS v4 + React Aria).

rive-react Trigger when: (1) Using @rive-app/react-canvas or @rive-app/react-webgl, (2) Using useRive hook or RiveComponent, (3)…

vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering.

emblem-ai-react React integration skill for EmblemAI's one-shot user management.

arco-design Arco Design React UI component library reference (@arco-design/web-react). Use this skill whenever the user asks to b…

setup-react-grab Automatically detects React framework (Next.js, Vite, CRA, Remix) and injects react-grab for element selection. Use w…

setup-react-native-storybook Set up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects.

blossom-carousel-react Use for Blossom Carousel React or Next.js installation, stylesheet setup, JSX examples, Tailwind examples, accessibil…

blossom-carousel.com

reanimated-skia-performance Write and review high-performance React Native animations and 2D graphics using react-native-reanimated (v4+) and @sh…

bio-pathway-reactome Tests a gene list or ranked gene vector for over-representation or coordinated shifts in Reactome's curated, peer-rev…

component-library Comprehensive React component library with 30+ production-ready components using shadcn/ui architecture, CVA variants…

review-react-best-practices Review or refactor React / Next.js code for performance and reliability using a prioritized rule library (waterfalls,…

senior-frontend-engineer Production-grade frontend development for senior engineers building large-scale React 19.2 + Next.js 16 applications.…

tdd-typescript TypeScript/JavaScript Test-Driven Development with Vitest, strict red-green-refactor methodology, domain-first modeli…

tw-react-components Use the tw-react-components library for building React UIs with TailwindCSS.

writing-react-native-storybook-stories Create and edit React Native Storybook stories using Component Story Format (CSF).

xstate-react This skill should be used when the user asks to "create a state machine", "add xState", "use xState with React", "imp…

tauri2-react-rust Guides development of cross-platform desktop apps with Tauri 2, TypeScript, React, and Rust.

convex-realtime Implement real-time features using Convex reactive queries that automatically update when data changes, enabling live…

web-artifacts-builder Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologie…

base-ui-react >- Production-tested setup for Base UI (@base-ui-components/react), MUI's unstyled, accessible React component librar…

tanstack-router-migration Migrate React applications from React Router to TanStack Router with file-based routing.

vercel-react-native-skills Install the vercel-react-native-skills skill for your AI agent. Published on skills.volces.com.

skills.volces.com

claw-first-reaction-video >- A one-shot skill that generates a fun short video about "my claw's first reaction after getting a FluxA card". Use…

monetize.fluxapay.xyz

3d-web-experience Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes.

form-react Production-ready React form patterns using React Hook Form (default) and TanStack Form with Zod integration. Use when…

fp-ts-react Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Use when building React apps with…

frontend-react-best-practices React performance optimization guidelines. Use when writing, reviewing, or refactoring React components to ensure opt…

frontend-react-router-best-practices React Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with…

mantine-react-component-dev Development guidelines and patterns for building React component libraries with Mantine UI, TypeScript, and modern to…

pitfalls-react React component patterns, forms, accessibility, and responsive design. Use when building React components, handling f…

programming-in-react Use when writing or modifying React components, planning React features, or working with .jsx/.tsx files - provides m…

r3f-best-practices React Three Fiber (R3F) and Poimandres ecosystem best practices. Use when writing, reviewing, or optimizing R3F code.…

tanstack-start-shadcn Build full-stack React applications with TanStack Start, React Query, shadcn/ui, and Tailwind CSS v4.

threejs-scene-builder Comprehensive Three.js and React Three Fiber skill for creating 3D scenes, characters, NPCs, procedural generation, a…

stitch Google Stitch UI design tool. Generate screens from text prompts, convert designs to React components, create DESIGN.…

Frontend Components Design and build reusable, maintainable UI components following modern architecture patterns for React, Vue, or other…