“react”的搜索结果

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

中文简介正在准备中。当前显示原文说明。

React Rules of React — strict adherence required for React Compiler compatibility. Covers purity, idempotency, immutability, hook call rules, and component rendering rules. Use when writing any React component, custom hook, or reviewing React code.

中文简介正在准备中。当前显示原文说明。

Build Motion (Framer Motion) React animations — declarative motion components, variants, AnimatePresence, layout transitions, scroll effects, and inline SVG pathLength. Load when the user asks to animate with Motion, Framer Motion, motion.div, AnimatePresence, layout animation, whileInView, or React enter/exit transitions. Also triggers on "framer-motion", "motion/react", "useReducedMotion", or "React animation library". React/Next only — not README embeds or non-React.

中文简介正在准备中。当前显示原文说明。

Build React or Next.js interfaces with specific rules for typography, color, spacing, and animation. The skill guides responsive layouts, loading and error states, and performance-conscious interactions while preserving the original v1 design behavior.

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

• Building a marketing page with distinctive typography
• Refining dashboard layouts and interaction states
• Adjusting layout density and animation intensity

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

Build websites, dashboards, and application screens with a clear visual direction and working frontend code. The skill covers typography, color, layout, responsive behavior, and interaction states while following existing project conventions and brand guidance.

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

• Building a landing page with a clear visual direction
• Designing a dashboard for everyday work
• Refining the appearance and behavior of existing UI

Create slides on a fixed 1920×1080 canvas with freely arranged React components. Keep colors and typography consistent while adapting each page to its content, and produce a single HTML file with keyboard navigation.

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

• Creating a personal portfolio deck
• Preparing slides for art or design classes
• Building a talk around bold questions or images

Look up Ant Design React components in official documentation to find available settings, default values, and usage examples. Check subcomponents and methods, and consult type definitions in the antd package when TypeScript details are needed.

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

• Checking component settings and default values
• Finding usage examples and demo code
• Looking up available subcomponents and methods

Set up and refine web projects with Vite, a tool for running development servers and building production files. It covers framework integration, environment settings, live code updates, testing configuration, and splitting code to improve loading.

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

• Setting up React, Vue, or Svelte projects
• Configuring environment variables and API proxies
• Splitting production code into smaller files

Create starter code and configurations for components, APIs, and projects using existing project conventions. Templates include relevant types, error handling, documentation, and testing scaffolds, with comments and extension points to guide customization.

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

• Starting a React or Vue component
• Creating an API endpoint with validation
• Preparing project configurations and folder structures

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

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

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

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