'react' 검색 결과

Build GSAP animations in Vue, Svelte, and related frameworks with clear setup and cleanup patterns. Scope element selection to each component, start animations after elements exist, and remove animations when the component is destroyed.

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

• Adding GSAP animations to Vue or Svelte components
• Keeping animations scoped to one component
• Cleaning up animations when components are removed

Build an interactive app prototype in React with working clicks, form validation, animated transitions, and navigation across multiple steps. Manage changing screen state so users can try realistic flows and see how the interface responds.

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

• Prototype a form with input validation
• Try navigation across multiple steps
• Review hover effects and animated transitions

Review newly added optional inputs in Remotion changes and convert internal ones into required values that accept null. Update callers and absence checks while preserving compatibility for public APIs that must remain optional.

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

• Review newly added optional parameters in a PR
• Make internal React props explicitly accept null
• Preserve public API compatibility during refactoring

Create video scenes in Remotion using React, with guidance on frame-based animation, media placement, and timing. It also points to references for effects, transitions, fonts, and other features, plus ways to preview the results in Studio.

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

• Animating titles and subtitles
• Combining video, audio, and images
• Adjusting layer timing and trimming

Create a Remotion video project and build its visuals with React while viewing a live browser preview. The workflow also covers multiple scenes and code structure that lets users edit the video in Remotion Studio.

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

• Starting a new Remotion video project
• Building a video while checking its browser preview
• Creating a video with multiple scenes

Find biological pathways and functions enriched in gene lists or ranked gene data. Choose an appropriate statistical method, align gene identifiers, define comparison backgrounds, and turn results into interpretable tables and plots with multiple-testing corrections.

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

• Finding enriched pathways among differentially expressed genes
• Running GSEA on a complete ranked gene list
• Calculating gene-set scores for individual samples or cells

Build and debug interactive web 3D scenes with Three.js, React Three Fiber, or Spline. Plan product configurators and portfolios, prepare models, connect scroll interactions, and review loading feedback, fallback content, accessibility, and performance on target devices.

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

• Adding interactive 3D product previews and variant controls
• Creating a portfolio scene linked to scrolling
• Investigating slow loading or rendering in a 3D scene

Build web apps connecting a CopilotKit React interface to agents hosted in Microsoft Foundry. Covers AG-UI, the communication protocol between them, plus tool approvals, conversation history, shared state, deployment, debugging, and dependency upgrades.

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

• Build a chat interface for a Foundry hosted agent
• Add approval screens for agent tool execution
• Investigate failures across the agent and web interface

Guides development of MCP servers that let AI access external actions and data using mcp-use. Covers project setup, tools, reusable prompts, interactive React interfaces, authentication, validation, and deployment through task-specific reference guides.

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

• Starting an MCP server project with mcp-use
• Adding tools and read-only data resources
• Building interactive React widgets

Apply consistent architecture and coding conventions when building cross-platform apps with Avalonia UI and Zafiro. The skill guides separation of interface and logic, reactive data handling, explicit error results, and reuse of existing helpers.

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

• Standardizing Avalonia UI and Zafiro implementation
• Keeping ViewModels independent of Avalonia
• Reviewing error handling with Result types

Plan mobile app screens and interactions around touch, performance, offline use, and platform conventions. The skill guides design decisions and implementation checks for React Native, Flutter, and native iOS or Android apps.

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

• Planning screens for one-handed use
• Reviewing slow lists and animations
• Designing loading, error, and offline states

Review code for performance bottlenecks across database queries, memory use, frontend rendering, network requests, and algorithms. Use a structured checklist to identify optimization opportunities and classify their severity according to expected load and scale.

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

• Reviewing database queries for avoidable overhead
• Checking memory leaks and unbounded resource growth
• Reviewing React rendering and long-list performance

Create Vitest tests for Mastra playground features using MSW to simulate network responses. Exercise the real client SDK, React Query cache, and components with typed sample data to check loading, access conditions, redirects, and errors.

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

• Test loading, empty, and error states
• Check requests controlled by permissions or feature flags
• Verify pagination and query parameters

Choose a web application stack, generate a starter project, and assess existing code quality. Uses team size, release frequency, audience, and budget to guide recommendations, with reports covering security, complexity, dependencies, and prioritized improvements.

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

• Generating a starter project for a web application
• Choosing a technology stack within team and budget constraints
• Reviewing code security and complexity

Create Handsontable documentation examples for JavaScript, TypeScript, React, Angular, and Vue. The skill explains source files, generated JavaScript, required imports and license settings, embedding examples in guides, and checking that each framework version displays correctly.

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

• Adding a code example to a feature guide
• Preparing examples for multiple frameworks
• Generating JavaScript examples from TypeScript

Update visible interfaces in Lite and but.dev using @gitbutler/ui-react. It guides component reuse, relevant design references, concise screen text, and visual checks in light and dark themes for forms, dialogs, notifications, and other surfaces.

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

• Add forms or confirmation dialogs
• Improve empty states and notifications
• Rewrite labels and hints

Implement Google sign-in for web applications using Google Identity Services. Add sign-in buttons or One Tap, verify ID tokens as proof of identity, configure browser security policies, and handle sessions, sign-out, and account disconnection.

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

• Adding Google sign-in to a React or Next.js application
• Verifying ID tokens and restricting Workspace domains
• Configuring One Tap and preventing automatic sign-in after logout

Build web applications from a bundled Express, Vite, React, Tailwind CSS, and Drizzle ORM template. Follow a schema-first workflow to create pages, backend APIs, and connected forms, with guidance for styling, testing, and deployment.

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

• Building a dashboard with data displays
• Creating an admin panel with forms and APIs
• Prototyping an online store

Helps connect json-render to a writable Jotai atom, a unit that holds application state. Covers adapter setup and sharing a Jotai store so json-render and React components read and update the same values.

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

• Manage json-render state with a Jotai atom
• Share an existing Jotai store with json-render
• Share state between useAtom() and json-render

Build charts with TradingView's lightweight-charts, including candlesticks, lines, live updates, scales, and annotations. Guidance checks installed types and v5 APIs to support chart integration, framework lifecycle handling, and troubleshooting of common data and display issues.

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

• Build candlestick charts with a separate volume pane
• Add live updates and historical data
• Fix v4-to-v5 API migration issues

Add GSAP animations to Vue, Nuxt, Svelte, and SvelteKit components with guidance on when animations should start, which elements they affect, and how to remove animations and restore styles when components are removed.

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

• Adding animations to Vue components
• Reviewing animation cleanup in Svelte
• Limiting animations to elements within a component

Review an existing interface component and identify three visual or interaction problems. Get concrete layout, spacing, color, and code changes that follow the project’s existing design conventions, with short before-and-after examples.

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

• Polishing an existing component
• Reviewing spacing and visual hierarchy
• Improving a React and Tailwind interface

Organize React and TypeScript frontend code using consistent rules for feature folders, shared components, types, API access, and tests. Use it to guide new code, focused refactoring, and reviews of existing changes.

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

• Adding a frontend feature with consistent file organization
• Reviewing shared components and type placement
• Refactoring imports and module exports

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