“react”的搜索结果

Implement and review GSAP animations in Vue, Nuxt, Svelte, and SvelteKit. It explains when to start animations, how to limit element selection to one component, and how to clean up when that component is removed.

中文简介正在准备中。当前显示英语简介。

• Adding GSAP animations to Vue or Svelte
• Reviewing animation cleanup when components are removed
• Keeping animations scoped to one component

在固定的1920×1080画布上，按内容自由编排幻灯片。统一配色、字号和留白，生成支持左右方向键翻页并显示页码的单个HTML文件。

• 制作个人作品集
• 准备艺术或设计课程资料
• 制作以问题或图像为主的演讲资料

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

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

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

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

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

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