본문으로 건너뛰기
cccskills

'react' 검색 결과

2.4천건 · 관련도순

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.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Looking up a reaction by its Rhea ID
  • Finding reactions associated with a compound
  • Searching reactions by enzyme classification number
openai/plugins7.5천2026년 10월 8일 업데이트

use-dom

무료

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.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Gradually moving existing React web components into Expo
  • Adding web charts or syntax highlighting to an app
  • Reusing complex HTML/CSS layouts or embedded content
openai/plugins7.5천2026년 10월 8일 업데이트

gsap

무료

Add or debug web animations with GSAP, from entrance effects to scroll-driven sequences. Coordinate timing across multiple elements, adjust motion, and address rendering performance and cleanup when using animations in React.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Animate a hero section with staggered entrances
  • Build scroll-driven animated sections
  • Coordinate navigation, headings, and buttons
MengTo/Skills6.8천2026년 10월 18일 업데이트

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).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

AratKruglik/claude-sdlc422026년 10월 17일 업데이트

Reactアプリケーションを最新バージョンにアップグレードし、クラスコンポーネントからフックへ移行し、並行機能を採用します。Reactコードベースのモダナイゼーション、React Hooksへの移行、または最新Reactバージョンへのアップグレード時に使用します。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

amurata/cc-tools62025년 11월 28일 업데이트

react

무료

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 とは別。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Fandhe-AI/agent-reference-skills42026년 10월 18일 업데이트

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.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Define the scope of a ChatGPT app
  • Build React widgets connected to server tools
  • Share widget state with ChatGPT
Shubhamsaboo/awesome-llm-apps14.2만2026년 10월 19일 업데이트

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.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Importing an existing React design system into Claude Design
  • Creating prototypes with existing components and styles
  • Syncing component changes after an initial import
asgeirtj/system_prompts_leaks7만2026년 10월 16일 업데이트

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.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Add Algolia search to a site or app
  • Build search interfaces with React InstantSearch
  • Plan autocomplete and attribute-based filters
sickn33/agentic-awesome-skills4.8만2026년 10월 19일 업데이트

ccxt-php

무료

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.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Displaying cryptocurrency prices in a PHP web application
  • Implementing order placement and cancellation in a trading bot
  • Fetching market data asynchronously with ReactPHP
ccxt/ccxt4.4만2026년 10월 19일 업데이트

Guides development of ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK, covering server tools, React interfaces, and shared state. This skill is deprecated and directs users to mcp-app-builder.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Plan a ChatGPT app with interactive widgets
  • Implement MCP server tools and React widgets
  • Manage widget state and context shared with ChatGPT
CopilotKit/CopilotKit3.8만2026년 10월 19일 업데이트

Build videos in React with Remotion using task-specific rules and code examples. The skill covers animation timing, captions, audio, scene transitions, and media assets, helping guide implementation across common video creation tasks.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Add word-highlighted captions to videos
  • Create text animations and scene transitions
  • Trim audio and adjust volume or playback speed
davila7/claude-code-templates3.3만2026년 10월 18일 업데이트

Turn Figma designs into React and TypeScript components using coderio. The workflow uses design thumbnails to guide layout, extracts component structure and data, and generates code and assets for integration into an application.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Build a React interface from a Figma design
  • Organize component structure and input data
  • Generate components while checking the design thumbnail
davila7/claude-code-templates3.3만2026년 10월 18일 업데이트

Embed Zoom meetings inside a chosen area of a web application. This guide covers initialization, joining, layout customization, meeting controls, and event handling, with React examples and asynchronous APIs that let code wait for operations to finish.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Embedding Zoom meetings in a web application
  • Building a React meeting component
  • Adjusting meeting display size and adding toolbar buttons
anthropics/knowledge-work-plugins3만2026년 10월 19일 업데이트

Helps build React and Next.js interfaces with TypeScript and Tailwind CSS. Provides project and component generators, reviews dependencies for code size reductions, and guides measurable improvements to loading performance, accessibility, and frontend code quality.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Starting a React or Next.js project
  • Generating components with tests and Storybook stories
  • Finding dependencies that increase download size
alirezarezvani/claude-skills2.8만2026년 8월 30일 업데이트

Prevent and investigate excessive rendering in Lite React screens. It guides data transformations, context use, and store subscriptions, then checks compiler output and measures rendering time before and after changes to verify their effect.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Investigate lag when selecting rows in Lite
  • Review data transformations during rendering
  • Design narrower context and store subscriptions
gitbutlerapp/gitbutler2.2만2026년 10월 19일 업데이트

kortix-ui

무료

Build React interfaces for Kortix using @kortix/ui components. The skill covers forms, dialogs, notifications, and chat views, with shared styling rules, brand customization through CSS variables, and checks for types, controls, and responsive layouts.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Building forms and dialogs with existing components
  • Adding a chat view with SessionThread
  • Adapting component colors and logos to another brand
kortix-ai/suna2만2026년 10월 19일 업데이트

Build videos in React with Remotion using topic-specific guidance and code examples. Covers animation, captions, audio, scene transitions, asset handling, timing, and text layout, with additional references for charts, maps, and 3D content.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Create text animations and scene transitions
  • Add captions and subtitles to videos
  • Adjust audio, video clips, and display timing
vercel-labs/json-render1.9만2026년 10월 14일 업데이트

react-pdf

무료

Generate PDF documents from JSON definitions with headings, tables, images, and page numbers. Use file, in-memory, or streaming output, and extend document layouts with custom components and externally managed application state.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Generate invoice PDFs from JSON definitions
  • Build documents containing tables and images
  • Stream generated PDFs through an HTTP response
vercel-labs/json-render1.9만2026년 10월 14일 업데이트

Build and improve React interfaces with guidance on component structure, hooks, state management, and Server Components. Review unnecessary rendering, extract reusable logic, and implement accessible forms and loading states using established React patterns.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing component structure and shared state
  • Investigating unnecessary rendering
  • Extracting reusable custom hooks
RightNow-AI/openfang1.8만2026년 7월 2일 업데이트

qiankun

무료

Build micro-frontends with qiankun 3.x, combining separate web apps inside a host app. The skill covers creating host and child apps, converting existing Vite apps, and connecting loading behavior in React or Vue.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating a host app that loads separate web apps
  • Creating a child app for qiankun 3.x
  • Converting an existing Vite app into a child app
umijs/qiankun1.7만2026년 10월 11일 업데이트

Build and debug mobile apps for iOS and Android with React Native and Expo. Implement navigation, adapt screens to each platform, integrate native modules that access platform features, and improve list rendering, keyboard behavior, and memory use.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Building an app for both iOS and Android
  • Adding tabs, navigation stacks, and deep links
  • Improving scrolling performance in long lists
Jeffallan/claude-skills1.2만2026년 10월 17일 업데이트

Build reusable React components that save settings in browser storage and support keyboard selection. The patterns cover settings dialogs and command palettes, with guidance on TypeScript types, storage keys, and managing keyboard focus.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Keeping app settings across page reloads
  • Building command selection with arrow keys and Enter
  • Creating reusable settings dialogs
HKUDS/OpenSpace7.8천2026년 8월 13일 업데이트

Retrieve concise summaries from Reactome about biological pathways, events, participating molecules, and diagram-related data. Look up specific identifiers, search for relevant entries, or find pathways associated with an entity, and save the full response when needed.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Looking up a pathway or event by ID
  • Finding pathways associated with a molecule
  • Checking participants in a biological event
openai/plugins7.5천2026년 10월 8일 업데이트