2.3K skills · sorted by relevance
Record React rendering activity during specific Remotion Studio interactions to investigate repeated renders and slow updates. Compare measurements before and after code changes under matching conditions, and check that behavior still works correctly.
Apply consistent coding practices across TypeScript, JavaScript, React, and Node.js projects. Get guidance on naming, types, error handling, API design, file organization, and tests to make code easier to read and maintain.
Add animations to React interfaces using the browser's built-in view transitions. Guides page changes, shared elements that move between views, list reordering, component appearance, and loading reveals, with CSS styling and Next.js integration guidance.
Read and control Table v9 state in Preact, including pagination. Guides state subscriptions, which keep the interface updated, and externally managed state so table changes and controls stay synchronized while rerenders can be scoped to relevant values.
Build native mobile interfaces from JSON specifications with @json-render/react-native. Use standard or custom components, connect form inputs to application state, and update visible content in response to taps and other interactions.
Build React Native and Expo screens with guidance on navigation, state management, and data fetching. Apply patterns for long lists, validated forms, device features, and secure token storage when developing or reviewing mobile apps.
Build and review React and Next.js interfaces for keyboard use and screen readers, tools that read content aloud. Apply practical patterns for form labels, error messages, accessible controls, and focus movement.
Build complex interactive artifacts for claude.ai with React, Tailwind CSS, and shadcn/ui. Start from a configured project, develop interfaces with state management or navigation, and bundle the result into one shareable HTML file.
Create complex HTML artifacts for claude.ai using React and Tailwind. The skill follows Anthropic’s reference workflow to produce rich web content that can be embedded, supporting artifact development with these tools.
Create HTML artifacts for claude.ai using React, Tailwind CSS, and shadcn/ui. This skill supports building elaborate interfaces with multiple components, helping turn a web prototype request into a structured, styled artifact.
Build interactive terminal screens with OpenTUI using its core API, React, or Solid. Guides framework selection, components, layout, keyboard input, animations, and testing, with references for project setup and troubleshooting.
Structure mobile apps built with React Native and Expo. Covers navigation, state management, device feature integration, offline data synchronization, and performance practices, helping developers organize projects and account for differences between iOS and Android.
Write JavaScript and TypeScript tests with Jest using consistent structure, dependency mocking, and checks for asynchronous code. Includes guidance for snapshots and React components, focusing on user interactions, accessibility, and choosing appropriate assertions for expected results.
Build and improve mobile apps with React Native and Expo using prioritized implementation rules. Covers faster lists, animations, images, navigation, state management, and native dependencies, with explanations and code examples for reviewing common implementation choices.
Build React and TypeScript pages with guidance for data fetching, loading states, styling, and navigation. Organize code by feature and apply lazy loading, which loads components when needed, using patterns for MUI v7 and TanStack Router/Query.
Search Rhea, a biochemical reaction database, using reaction IDs, compound names, enzyme classification numbers, or reaction terms. Get concise summaries of focused search results, with raw JSON available when you need machine-readable output.
Bring existing React web components and browser-only libraries into Expo apps with DOM components. Render them in a WebView, an embedded browser view, on native platforms and directly on the web to support gradual migration.
Testing React Native: Jest with jest-expo / react-native preset, React Testing Library Native, native module mocking, hook testing. Optional sections for Detox (native automation) and Maestro (declarative YAML e2e). Use this skill to: - Configure Jest preset based on workflow. - Write component tests with @testing-library/react-native. - Mock native modules (react-native-reanimated, expo-*, react-native-mmkv). - Test custom hooks via renderHook. - Set up Detox or Maestro for e2e (optional, requires native toolchain). Do NOT use this skill for: - General RN conventions (see rn-conventions). - Web-React testing (see react-plugin:react-testing — different jsdom setup). - Plain Node testing patterns (see nodejs-plugin equivalents).
The English summary is being prepared. Showing the original description.
Reactアプリケーションを最新バージョンにアップグレードし、クラスコンポーネントからフックへ移行し、並行機能を採用します。Reactコードベースのモダナイゼーション、React Hooksへの移行、または最新Reactバージョンへのアップグレード時に使用します。
The English summary is being prepared. Showing the original description.
React (UI ライブラリ本体, react / react-dom 19.3) の公式リファレンス。 Hooks (useState, useEffect, useActionState, useOptimistic, useEffectEvent), use, cache, Suspense, Activity, ViewTransition, createRoot, hydrateRoot, createPortal, flushSync, react-dom/server, Server Components / Server Functions, React Compiler, eslint-plugin-react-hooks, DevTools, Rules of React。React Router・Next.js・TanStack 系・RHF とは別。
The English summary is being prepared. Showing the original description.
Develop ChatGPT apps with interactive React widgets using mcp-use and OpenAI Apps SDK. Guidance covers app scope, server tools, shared state, and display settings. This skill is deprecated and points users to mcp-app-builder.
Import an existing React component library into Claude Design, including its styles, usage references, and previews. This lets the design agent build screens and prototypes using the same components already maintained in the source project.
Build search features with Algolia using guidance on search indexes, data organized for searching, React InstantSearch, and relevance tuning. Use it when implementing autocomplete, filtering by attributes, or results that update as users type.
Integrate cryptocurrency exchanges into PHP applications with CCXT. Follow examples for market data, orders, authentication, and errors, with synchronous requests, ReactPHP asynchronous processing that avoids waiting on each request, and WebSocket connections for live updates.