“React” 共 474 个结果
io.github.langflow-ai/langflow/frontend-query-mutation
Langflow 前端使用 Axios 与 TanStack React Query v5 实现 query/mutation 模式的指南。当创建或更新 controllers/API/queries 中的 API hook、在组件中消费 UseRequestProcessor、决定使用 useQuery 还是 useMutation、处理条件查询、缓存失效、mutation 错误处理，或迁移旧 API 调用到 query hook 模式时触发。
io.github.irahardianto/awesome-agv/mobile-design
为 Flutter 与 React Native 生成独具风格、生产级的移动界面。优先采用平台原生模式、自适应布局与流畅动效。在构建移动应用、页面、组件，或用户要求打造视觉出色的移动 UI 时使用。
io.github.cohen-liel/hivemind/nextjs-fullstack
面向全栈应用的 Next.js App Router 模式。在使用 App Router、Server Components、API Routes、鉴权或构建全栈 React 应用开发 Next.js 项目时使用。
io.github.affaan-m/ECC/documentation-lookup
通过 Context7 MCP 获取最新的库与框架文档，而不是依赖训练数据。当出现安装配置类问题、API 参考、代码示例，或用户点名某个框架（如 React、Next.js、Prisma）时触发。
io.github.microsoft/vscode/project-setup-info-local
帮助用户在 VS Code 工作区中创建完整项目结构的全面设置步骤；本工具面向整体项目的初始化与脚手架搭建，而非创建单个文件。适用：用户要从零创建完整新项目；搭建整个项目框架（TypeScript 项目、React 应用、Node.js 服务等）；初始化具备完整结构的 Model Context Protocol（MCP）服务器；按规范脚手架创建 VS Code 扩展；设置 Next.js、Vite 或其他框架项目；用户要求新项目、创建工作区或设置某框架项目；需要建立含依赖、配置文件与目录结构的完整开发环境。不适用：创建单个文件或少量代码片段；向已有项目添加单个文件；修改既有代码库；用户要求创建一个文件或添加一个组件；简单代码示例或演示；调试。
io.github.microsoft/vscode/project-setup-info-context7
帮助用户在 VS Code 工作区中创建完整项目结构的全面设置步骤。本工具面向整体项目的初始化与脚手架搭建，而非创建单个文件。适用：从零创建完整新项目；搭建整框架（TypeScript 项目、React 应用、Node.js 服务等）；初始化具备完整结构的 Model Context Protocol（MCP）服务器；按规范脚手架创建 VS Code 扩展；设置 Next.js、Vite 等框架项目；用户要求新项目、创建工作区或设置某框架项目；需要建立含依赖、配置文件与目录结构的完整开发环境。不适用：创建单个文件或少量代码片段；向已有项目添加单个文件；修改既有代码库；用户要求创建一个文件。
io.github.giuseppe-trisciuoglio/developer-kit/nextjs-performance
专业的 Next.js 性能优化技能，涵盖 Core Web Vitals、图片/字体优化、缓存策略、流式渲染、包体积优化及 Server Components 最佳实践。适用于针对 Core Web Vitals（LCP、INP、CLS）优化 Next.js 应用、使用 next/image 与 next/font、通过 unstable_cache 和 revalidateTag 配置缓存、将 Client Components 转为 Server Components、实现 Suspense 流式渲染，或分析并减小包体积。支持 Next.js 16 + React 19 模式。
io.github.gsd-build/gsd-2/frontend-design
创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任意 Web UI 做样式美化）。生成富有创意、精致的代码与 UI 设计，避免千篇一律的 AI 审美。
io.github.wshobson/agents/web-component-design
掌握 React、Vue 与 Svelte 组件模式，包括 CSS-in-JS、组合策略与可复用组件架构。在构建 UI 组件库、设计组件 API 或落地前端设计系统时使用。
io.github.majiayu000/spellbook/css-debug
使用此技能诊断 CSS 与前端布局问题，如定位、溢出裁剪、Tailwind 类冲突、z-index 层叠，以及 React 渲染可见性问题。
io.github.vercel-labs/open-agents/web-animation-design
设计并实现自然而有目的感的 Web 动画。当用户询问动画、motion、缓动、时序、时长、弹簧、过渡或动画性能问题时，主动使用本技能。包括：如何为特定 UI 元素做动画、该用什么缓动、动画最佳实践，以及动效的无障碍考量。触发词：easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring physics、keyframes、transform、opacity、fade、slide、scale、hover effects、microinteractions、Framer Motion、React Spring、GSAP、CSS transitions、入场/出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、弹窗/下拉/提示气泡/抽屉动画、手势动画、拖拽交互、按钮按压手感、感觉卡顿、想要顺滑效果。
io.github.curiositech/some_claude_skills/nextjs-app-router-expert
Next.js 14/15 App Router 架构、React Server Components（RSC）、Server Actions 与现代全栈 React 开发专家。擅长路由模式、数据获取策略、缓存、流式渲染与部署优化。
io.github.aiskillstore/marketplace/mobile-developer
使用现代架构模式开发 React Native、Flutter 或原生移动应用。精通跨平台开发、原生集成、离线同步与应用商店优化。在移动功能、跨平台代码或应用优化场景下主动使用。
io.github.aiskillstore/marketplace/mobile-design
面向 iOS 与 Android 应用的移动优先设计与工程方法论。涵盖触控交互、性能、平台约定、离线行为与移动端特有的决策。教授原则与约束，而非固定布局。适用于 React Native、Flutter 或原生移动应用。
io.github.netease-youdao/LobsterAI/frontend-design
创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任意 Web UI 做样式美化）。生成富有创意、精致的代码与 UI 设计，避免千篇一律的 AI 审美。
io.github.github/awesome-copilot/code-exemplars-blueprint-generator
技术栈无关的提示词生成器，可生成定制化 AI 提示以扫描代码库并识别高质量代码范例。支持多编程语言（.NET、Java、JavaScript、TypeScript、React、Angular、Python），分析深度、归类方式与文档格式均可配置，帮助团队确立编码标准并保持开发一致性。
io.github.vercel-labs/open-agents/frontend-design
创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任意 Web UI 做样式美化）。生成富有创意、精致的代码与 UI 设计，避免千篇一律的 AI 审美。
io.github.PageAI-Pro/ralph-loop/component-refactoring
重构前端中高复杂度的 React 组件。当用户要求代码拆分、提取 Hook 或降低复杂度，或遇到难以理解的组件需要重构时使用。
io.github.atilladeniz/Kubeli/refactor
遵循 Ousterhout 设计原则重构代码。分析复杂度、制定优先级重构计划，并以安全优先的方式执行。针对 Vite/React、Tauri/Rust、Zustand 技术栈优化。
io.github.anomalyco/opencode/agents-sdk
使用 Agents SDK 在 Cloudflare Workers 上构建 AI 代理。在创建有状态代理、持久工作流、实时 WebSocket 应用、定时任务、MCP 服务器或聊天应用时加载。涵盖 Agent 类、状态管理、可调用 RPC、Workflows 集成与 React hooks。
io.github.davila7/claude-code-templates/design-to-code
借助 coderio 把 Figma 设计稿像素级转换为 React，产出生产就绪代码（TypeScript、Vite、TailwindCSS V4）并保持高视觉还原度，具备完善的错误处理、断点续跑能力，并通过辅助脚本简化执行流程。
io.github.baotoq/micro-commerce/nextjs-app-router-patterns
掌握 Next.js 14+ App Router：Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。
io.github.alonronin/mockingoose/typescript-docs
使用 JSDoc、TypeDoc 与面向不同受众的多层文档模式，生成全面的 TypeScript 文档。在为 NestJS、Express、React、Angular 与 Vue 创建 API 文档、架构决策记录（ADR）、代码示例或框架专属模式时使用。
io.github.Galaxy-Dawn/claude-scholar/frontend-design
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或对任意 Web UI 做样式美化）时使用此技能。生成富有创意、打磨精细的代码与 UI 设计，避免千篇一律的 AI 审美。
