2347 个 · 按相关度排序
Build Solana apps with Phantom wallet connection, message and transaction signing, token-based access, NFT minting, and crypto payments. Add DFlow token swaps and live price or order-book displays, showing current buy and sell orders.
中文简介正在准备中。当前显示英语简介。
React 19 performance patterns and composition architecture for Vite + Cloudflare projects. 50+ rules ranked by impact — eliminating waterfalls, bundle optimisation, re-render prevention, composition over boolean props, server/client boundaries, and React 19 APIs. Use when writing, reviewing, or refactoring React components. Triggers: 'react patterns', 'react review', 'react performance', 'optimise components', 'react best practices', 'composition patterns', 'why is it slow', 'reduce re-renders', 'fix waterfall'.
中文简介正在准备中。当前显示原文说明。
React conventions. Apply automatically whenever writing or editing React code — JSX/TSX files, components, hooks, props, effects, accessibility (WAI-ARIA), file grouping, React 19 APIs, React Compiler, URL state, and the React ecosystem (TanStack Query, Zustand, React Hook Form, nuqs, Next.js, money and crypto inputs). Builds on the typescript skill, which still applies. Use for any new React code or refactor.
中文简介正在准备中。当前显示原文说明。
Form patterns for React: react-hook-form (most common), Formik (legacy/stable), TanStack Form (newer). Validation via zod / yup / valibot. Controlled vs uncontrolled inputs, field arrays, multi-step wizards. Use this skill to: - Wire react-hook-form with a validation schema. - Pick between controlled and uncontrolled patterns. - Build multi-step forms with state preservation. - Handle async validation (e.g., username availability). - Integrate forms with TanStack Query mutations. Do NOT use this skill for: - General state management (see react-state-management). - Routing (see react-routing). - Component conventions (see react-conventions). - Testing forms (see react-testing).
中文简介正在准备中。当前显示原文说明。
Expert-level reaction engineering covering reaction kinetics, reactor design, ideal and non-ideal reactors, catalysis, and reactor scale-up.
中文简介正在准备中。当前显示原文说明。
JavaScript / React / Vue のフロントエンドコードを実装・レビュー・リファクタリングするときに、 現在のコードベースを調査し、適切な設計・パフォーマンス・レンダリングパターンを エージェントが自律的に選んで適用する。ユーザーが hooks-pattern や dynamic-import などの 個別パターンを指定しなくても、必要な reference を選択する。 Trigger: front-end-design-patterns, frontend design patterns, React設計, Vue設計, JavaScript設計, Reactリファクタリング, Vueリファクタリング, フロントエンドパフォーマンス改善, bundle改善, レンダリング戦略, Reactレビュー, Vueレビュー
中文简介正在准备中。当前显示原文说明。
Build React or Next.js interfaces using adjustable layout variation, motion, and information density. This preserved v1 skill covers typography, color, responsive layouts, interaction states, and animation isolation for projects that require its original behavior.
中文简介正在准备中。当前显示英语简介。
Build web pages and interface components with a clear visual direction and working code. Shape typography, colors, layouts, and animation around the intended audience and purpose, with support for HTML/CSS/JS, React, and Vue implementations.
中文简介正在准备中。当前显示英语简介。
Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.
中文简介正在准备中。当前显示英语简介。
Review form validation so users, including people using screen readers, can understand and correct errors. Check field descriptions, required states, and grouped choices in rendered HTML, while accounting for React forms that handle submission in the browser.
中文简介正在准备中。当前显示英语简介。
Find costly DOM operations, the code that reads or changes page elements, and review scrolling handlers or frequent React updates. Reorganize work to reduce repeated layout calculations and verify the changes in the browser.
中文简介正在准备中。当前显示英语简介。
Review JavaScript error handling in source code and browser behavior. Find unhandled asynchronous failures, improve logs with useful context, and add React Error Boundaries, components that handle rendering errors, so failures are handled explicitly and are easier to investigate.
中文简介正在准备中。当前显示英语简介。
Build a design system from product code, Figma designs, and brand materials. Organize colors, typography, assets, and writing guidelines, then create reusable React components and interactive screen examples that follow the source designs.
中文简介正在准备中。当前显示英语简介。
Implement animation in React with Framer Motion examples based on Disney's 12 animation principles. Add squash and stretch, preparatory movements, smooth acceleration, overlapping motion, and hover or tap responses with defined timing.
中文简介正在准备中。当前显示英语简介。
Guides agents working on Remotion videos built with React to relevant rules and code examples. It covers animation, captions, audio, scene transitions, charts, asset handling, and other common tasks involved in composing and adjusting a video.
中文简介正在准备中。当前显示英语简介。
Build an app that generates or edits videos with Remotion. The guidance covers choosing a template or framework, embedding a video preview in React, and selecting where video rendering—the process of producing the output—takes place.
中文简介正在准备中。当前显示英语简介。
Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.
中文简介正在准备中。当前显示英语简介。
Build Avalonia screen logic, navigation, and step-by-step wizards using Zafiro and ReactiveUI. The skill guides ViewModels, which manage screen state and behavior, plus commands, automatic section discovery, and connections between views and their logic.
中文简介正在准备中。当前显示英语简介。
Create interactive 3D scenes for websites, including product views and scroll-driven animations. Covers choosing Three.js, React Three Fiber, or Spline, preparing lightweight models, showing loading progress, and adapting experiences for mobile devices.
中文简介正在准备中。当前显示英语简介。
Automatically retrieves current library and framework documentation through the Context7 API during Claude Code conversations. Use it when asking about tools such as React, Next.js, or Prisma and needing up-to-date reference material.
中文简介正在准备中。当前显示英语简介。
Build iOS and Android interfaces with HeroUI Native components such as buttons, cards, text fields, and dialogs. The skill covers setup, documentation lookup, and theme configuration with Uniwind, which brings Tailwind styling to React Native.
中文简介正在准备中。当前显示英语简介。
Use prebuilt Zoom Video SDK interfaces to add video sessions to web applications. This reference covers framework integration, server-generated authentication tokens, chat and screen sharing settings, session cleanup, and troubleshooting for common installation and connection issues.
中文简介正在准备中。当前显示英语简介。
Create explainer clips, short videos, and animated overlays with React code. Define scenes and motion by frame number, then render an MP4 that can be regenerated after changes to the content, timing, or visual design.
中文简介正在准备中。当前显示英语简介。
Build MCP Apps that display interactive json-render interfaces inside clients such as Claude and ChatGPT. The skill covers a Node.js server, a React view, and packaging the interface into a single HTML file.
中文简介正在准备中。当前显示英语简介。