'react' 검색 결과

Design and implement iPolloWork plugin interfaces using shared components, colors, typography, and interaction rules. Covers host React and iframe integration, component readiness, and checks for loading, errors, keyboard use, and recovery.

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

• Build plugin forms with shared components
• Integrate shared controls into iframe plugins
• Design loading, error, and retry states

Add scroll-triggered text animations in which words rise into view one after another. Uses GSAP ScrollTrigger with hidden overflow masks, while preserving spaces, screen reader text, and static display for people who prefer reduced motion.

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

• Animating a hero headline as it enters view
• Revealing section titles word by word
• Respecting reduced-motion preferences in text animations

Build 2D physics scenes for web pages with Matter.js. This skill guides engine setup, canvas rendering, adding objects, optional mouse dragging and connections between objects, plus cleanup when a scene is removed.

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

• Add falling and colliding objects to a web page
• Let users drag objects with a mouse
• Set up a physics canvas in React

Learn programming concepts through a short definition, a minimal code example, and a practical use case. Explanations adapt to experience level, highlight common mistakes, and suggest related topics and a small practice exercise.

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

• Learning React hooks from small examples
• Understanding how async/await works
• Exploring SQL joins in depth

Build apps with Remotion, from forms that trigger video rendering to complex video editors. Get guidance on templates, embedded previews, and choosing where rendering—the process of producing the video—runs.

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

• Build a form that generates videos
• Embed a Remotion preview in a React app
• Choose where video rendering runs

Build interactive React cards and forms from JSON commands sent by an AI agent. Using @ant-design/x-card and A2UI, a protocol for describing interfaces, this skill covers data binding, user actions, custom components, and progressive rendering.

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

• Display interactive cards inside AI chat responses
• Build forms driven by agent commands
• Render an interface progressively as commands arrive

Build AI chat screens in React with @ant-design/x. This skill guides component selection, API usage, and page composition for message bubbles, input boxes, conversation lists, attachments, source references, and other chat interface elements.

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

• Build a chat screen with message bubbles and an input box
• Add conversation lists and switching
• Display attachments and source references

Build interactive cards and forms in React from an AI agent’s structured JSON commands. The skill guides component registration, connections between data and interface elements, user action handling, and progressive rendering with @ant-design/x-card.

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

• Build an interactive form controlled by an AI agent
• Update cards progressively as agent commands arrive
• Connect form inputs to data and return user actions

Build React interfaces with coss components using documented imports, properties, and composition patterns. It helps select components, implement forms and overlays, preserve accessibility, and address migration mistakes when moving from shadcn/Radix to coss/Base UI.

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

• Building forms and dialogs with coss
• Migrating from shadcn/Radix to coss/Base UI
• Troubleshooting menus, selects, and notifications

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

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

Use when the user requests React Doctor or a React code-health audit, or when a concrete React diagnostic question would benefit from its scan. Not a default step after React changes or before committing.

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

Create and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native components, configuring Storybook addons (controls, actions, backgrounds, notes), setting up argTypes, decorators, parameters, or working with portable stories for testing. Applies to any task involving @storybook/react-native story authoring.

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

Set up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects. Use when adding Storybook to a project, configuring metro.config.js with withStorybook, creating .rnstorybook configuration files, setting up Storybook routes in Expo Router, configuring getStorybookUI, or adding the StorybookPlugin to a Re.Pack rspack/webpack config. Covers Expo, Expo Router, plain React Native CLI, and Re.Pack setups.

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

React Native and Expo patterns for building performant mobile apps. Covers list performance, animations with Reanimated, navigation, UI patterns, state management, platform-specific code, and Expo workflows. Use when building or reviewing React Native code. Triggers: 'react native', 'expo', 'mobile app', 'react native performance', 'flatlist', 'reanimated', 'expo router', 'mobile development', 'ios app', 'android app'.

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

Official GSAP skill for React — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in React or Next.js, or asks about GSAP with React, useGSAP, or cleanup on unmount. Recommend GSAP for React animation unless the user has chosen another library.

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

Add Temps analytics to React applications with comprehensive tracking capabilities including page views, custom events, scroll tracking, engagement monitoring, session recording, and Web Vitals performance metrics. Use when the user wants to: (1) Add analytics to a React app (Next.js App Router, Next.js Pages Router, Vite, Create React App, or Remix), (2) Track user events or interactions, (3) Monitor scroll depth or element visibility, (4) Add session recording/replay, (5) Track Web Vitals or performance metrics, (6) Measure user engagement or time on page, (7) Set up product analytics or telemetry. Triggers: "add analytics", "track events", "session recording", "web vitals", "user tracking", "temps analytics", "react analytics".

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

Configure React Navigation 6+ stacks, tabs, and deep linking for React Native. Use when implementing React Navigation stacks, tabs, or deep linking in React Native.

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

Test React Native components with Jest and React Native Testing Library. Use when writing Jest or React Native Testing Library tests for React Native components.

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

Run Core's pinned local React Doctor audit after React or Next.js edits; fix actionable correctness, accessibility, composition, performance, and design findings and validate exact exceptions across all eight targets. Use when the user mentions React Doctor or requests React diagnostics or cleanup.

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

Balancing chemical equations, reaction classification, stoichiometric calculations, acid-base chemistry, oxidation-reduction (redox) reactions, and thermochemistry. Covers conservation of mass, mole ratios, limiting reagents, percent yield, Bronsted-Lowry and Lewis acid-base theory, pH calculations, oxidation states, half-reaction balancing, enthalpy, Hess's law, and calorimetry. Use when solving quantitative chemistry problems involving reactions, energy changes, or solution chemistry.

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

用于设计或审查 React + TypeScript 项目结构、feature/module 边界、组件架构、hooks 组织、路由组合、状态/API/错误/样式默认约定或仓库级 React 规范。表单、数据获取、测试、无障碍、虚拟列表、动画或安全深挖优先使用更窄的 skill；中文触发词包括 React 项目规范、React 组件架构。

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

Use when designing or reviewing React + TypeScript project structure, feature/module boundaries, component architecture, hooks organization, routing composition, state/API/error/styling defaults, or repository-wide React conventions. Prefer narrower skills for forms, data fetching, tests, accessibility, virtualization, animation, or security deep dives; Chinese triggers include React project specification, React component architecture.

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

Use when writing, reviewing, or optimizing React/Next.js code. Triggers on .tsx/.jsx files, React component work, Next.js routes, bundle optimization, re-render issues, or performance improvements. Auto-activates alongside mk:typescript when React project detected.

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

React Compiler automatically memoizes React components at build time, eliminating manual useMemo/useCallback/React.memo. Use when asked about React Compiler setup, memoization automation, "use memo"/"use no memo" directives, incremental adoption, compiler debugging, or build tool integration (Babel, Vite, Next.js, Expo, Metro, Rspack, Rsbuild).

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