'react' 검색 결과

React Three Fiber (R3F, three.js 用 React レンダラー @react-three/fiber v9) のリファレンス。 R3F Canvas props, createRoot, useFrame, useThree, useLoader, extend, attach, primitive, args, piercing, pointer イベント / pointer capture, frameloop demand / invalidate, ThreeElements 型, @react-three/test-renderer, @react-three/eslint-plugin, React Native (Expo), v9 移行。

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

React Flow (ノードベース UI / フロー図ライブラリ for React) リファレンス。 ReactFlow コンポーネント、Node, Edge, Handle, Viewport、 カスタムノード / エッジ、Controls / MiniMap / Background、 レイアウトアルゴリズム (dagre, elkjs)、ドラッグ&ドロップ、エッジ接続。

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

Locate BotProfile::ReactionTime in CS2 server.dll / libserver.so via IDA Pro MCP and emit a fresh, minimal-unique signature or offset for the local gamedata entry "BotProfile::ReactionTime" (symbol BotProfile_ReactionTime). This is a VIRTUAL function - resolve the BotProfile::ReactionTime vtable via RTTI and identify the slot, then emit the slot. Verify by xrefs from expected call sites. vtable slots commonly differ between platforms - never assume identical indices. Trigger: BotProfile_ReactionTime, BotProfile::ReactionTime

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

Create videos programmatically with React for branded explainers, short social clips, and dashboard visuals. Use code to define motion graphics that can be reproduced through the same workflow.

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

• Creating branded explainer videos
• Producing short videos for social media
• Turning dashboards into videos

Add interactive animation demos to Remotion documentation pages. This skill covers creating React components, registering playback settings, embedding demos in MDX, and adding controls such as sliders, checkboxes, dropdowns, and text inputs.

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

• Add an animation demo to a documentation page
• Let readers adjust demo values with sliders
• Configure demo playback settings

Structure Avalonia applications with ReactiveUI and Zafiro patterns for ViewModels, the objects that manage screen state and logic. Build multi-step wizards, organize navigation, report command progress, and connect screen layouts to their supporting logic.

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

• Design ViewModels for screen state and logic
• Build multi-step setup wizards
• Organize navigation and discover UI sections

Design reusable interface components in React, Vue, and Svelte. Organize how components fit together, define clear configuration options, and choose styling approaches while addressing accessibility, responsive layouts, and maintenance across component libraries or design systems.

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

• Build a reusable UI component library
• Standardize component options across a design system
• Refactor complex existing components

Build scroll animations with GSAP or Framer Motion, including fade-ins, parallax effects that move layers at different speeds, pinned sections, and horizontal scrolling. Provides implementation patterns for vanilla JavaScript, React, and Next.js, with accessibility guidance.

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

• Fade cards in as they enter the screen
• Create parallax effects for images and text
• Build pinned sections with sequential animations

Build MCP servers, which expose tools and data to AI agents, with mcp-use. The material covers server functions, reusable prompts, and interactive React widgets, but this skill is deprecated and points to mcp-app-builder as its replacement.

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

• Planning an MCP server's tools and data resources
• Implementing reusable prompts and response formats
• Adding interactive React widgets to an MCP server

Design visually distinctive websites, landing pages, and portfolios as React components, reusable pieces of a web page. Use industry references to guide typography, color, layout, motion, and relevant 3D visuals that fit the brand.

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

• Build a brand website with a distinctive visual identity
• Design a landing page around a product
• Create a portfolio with an original layout

Build working web pages, application interfaces, and components with a clear visual direction. Shape typography, color, layout, and animation around the intended audience and purpose, producing coordinated design and code in HTML, CSS, JavaScript, React, or Vue.

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

• Building a landing page with a clear visual style
• Designing and implementing a dashboard
• Refining typography, colors, and spacing in an existing interface

Turn a product description into a landing page with headlines, feature sections, pricing, FAQs, and calls to action. Receive Next.js/React components styled with Tailwind CSS, plus search metadata, structured data, and alternative copy.

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

• Creating a landing page for a new product
• Building a campaign or lead capture page
• Comparing headline and page variants

Set up Tailwind CSS v4 in Expo using react-native-css and NativeWind v5. Configure styling across iOS, Android, and Web, create components that accept CSS class names, and define shared themes with platform-specific fonts and colors.

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

• Add Tailwind CSS v4 to an Expo project
• Create components that accept CSS class names
• Define shared themes with platform-specific fonts and colors

Build working web pages, application interfaces, and components with a clear visual direction. Shape typography, color, layout, and animation around the intended audience and purpose, producing coordinated design and code in HTML, CSS, JavaScript, React, or Vue.

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

• Building a landing page with a clear visual style
• Designing and implementing a dashboard
• Refining typography, colors, and spacing in an existing interface

Create working web pages, components, and application interfaces with a clear visual direction. The skill connects purpose and audience to typography, color, layout, and motion, producing cohesive designs implemented in frontend code.

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

• Build a landing page with a clear visual style
• Refine a dashboard's visual design
• Create a React component

Build working web pages, application interfaces, and components with a clear visual direction. Shape typography, color, layout, and animation around the intended audience and purpose, producing coordinated design and code in HTML, CSS, JavaScript, React, or Vue.

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

• Building a landing page with a clear visual style
• Designing and implementing a dashboard
• Refining typography, colors, and spacing in an existing interface

Provides coding conventions for TypeScript, JavaScript, React, and Node.js. It guides naming, type safety, error handling, API structure, and tests, with examples for simplifying complex functions and keeping code consistent and maintainable.

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

• Aligning coding conventions across a project
• Simplifying long functions and deeply nested logic
• Standardizing API responses and input validation

Survey a whole React codebase as a senior React engineer, using React Doctor's scan as evidence, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the React code", "audit this codebase", "make this app faster / more robust", or wants a roadmap of fixes rather than a review of a single diff. For a regression check or a fix-it-now pass, use the `react-doctor` skill instead.

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

This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and routing integration (TanStack Router, React Router).

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

Query Reactome for biological pathways and reactions. Use when user asks about signaling cascades, biological processes, pathway diagrams, or reaction details. Triggers on "reactome", "signaling cascade", "biological pathway", "pathway diagram", "reaction mechanism".

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

Survey a whole React codebase as a senior React engineer, using React Doctor's scan as evidence, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the React code", "audit this codebase", "make this app faster / more robust", or wants a roadmap of fixes rather than a review of a single diff. For a regression check or a fix-it-now pass, use the `react-doctor` skill instead.

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

Build full-stack React applications using React Router's framework mode. Use when configuring routes, working with loaders and actions, handling forms, handling navigation, pending/optimistic UI, error boundaries, or working with react-router.config.ts or other react router conventions.

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

React Flow (@xyflow/react) for workflow visualization with custom nodes and edges. Use when building graph visualizations, creating custom workflow nodes, implementing edge labels, or controlling viewport. Triggers on ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView.

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

State management decision tree for React SPAs: useState/useReducer, Context API, Zustand, Jotai, Redux Toolkit, TanStack Query, SWR. Detect what's installed and apply matching patterns. Use this skill to: - Pick the right state tool for the data shape (local / shared UI / server / form). - Use Context correctly (and know when to switch to Zustand/Jotai). - Implement a Zustand or Jotai store. - Set up TanStack Query for server state with caching, pagination, mutations. - Avoid common mistakes (overusing Redux, prop drilling, forgetting query invalidation). Do NOT use this skill for: - General hook conventions (see react-conventions). - Form state specifically (see react-forms). - Routing state (see react-routing). - Testing stores/queries (see react-testing).

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