搜索「React」的结果

io.github.affaan-m/ECC/coding-standards

面向 TypeScript、JavaScript、React、Node.js 开发的通用编码标准、最佳实践与模式。

io.github.affaan-m/ECC/coding-standards

面向 TypeScript、JavaScript、React、Node.js 开发的通用编码标准、最佳实践与模式。

io.github.affaan-m/ECC/coding-standards

面向 TypeScript、JavaScript、React、Node.js 开发的通用编码标准、最佳实践与模式。

io.github.affaan-m/ECC/frontend-patterns

面向 React、Next.js 的前端开发模式，涵盖状态管理、性能优化与 UI 最佳实践。

io.github.trpc/trpc/trpc-router

所有 tRPC 技能的入口。按任务走决策树路由：initTRPC.create()、t.router()、t.procedure、createTRPCClient、适配器、订阅、React Query、Next.js、links、中间件、校验器、错误处理、缓存、FormData。

io.github.Kiranism/next-shadcn-dashboard-starter/frontend-design

创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用（示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局，或为任意 Web UI 做样式美化）。生成富有创意、精致的代码与 UI 设计，避免千篇一律的 AI 审美。

io.github.baptisteArno/typebot.io/web-animation-design

设计并实现自然且恰到好处的 Web 动画。当用户问到动画、运动、easing、时序、时长、spring、过渡或动画性能相关问题时主动使用。包括如何为特定 UI 元素做动画、该用哪种 easing、动画最佳实践，或动效的无障碍考量。触发词：easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring 物理、keyframes、transform、opacity、fade、slide、scale、hover 效果、微交互、Framer Motion、React Spring、GSAP、CSS transitions、进出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、modal/dropdown/tooltip/popover/drawer 动画、手势动画、拖拽交互、按钮按压感、显得卡顿、变顺滑。

io.github.giuseppe-trisciuoglio/developer-kit/nextjs-data-fetching

提供 Next.js App Router 数据获取模式，包括 SWR 与 React Query 集成、并行数据获取、增量静态再生（ISR）、再验证策略与错误边界。在 Next.js 应用中实现数据获取、在服务端与客户端获取之间取舍、设置缓存策略或处理加载与错误状态时使用。

io.github.giuseppe-trisciuoglio/developer-kit/typescript-docs

使用 JSDoc、TypeDoc 及面向不同读者的多层文档模式生成完整的 TypeScript 文档。适用于编写 API 文档、架构决策记录（ADR）、代码示例，以及 NestJS、Express、React、Angular、Vue 的框架专用模式。

io.github.NeverSight/learn-skills.dev/nextjs-developer

资深 Next.js 开发者，专精 Next.js 14+、App Router、Server Components 与现代 React 模式。擅长构建高性能、SEO 优化的全栈 Web 应用，善用 server actions 与最新 Next.js 特性。

io.github.NeverSight/learn-skills.dev/nextjs-frontend-testing

当用户想为 Next.js（App Router）+ TypeScript + Tailwind + shadcn/ui 项目搭建、改进或运行前端测试（单元、组件与 E2E）时使用此技能，技术栈为 Vitest/Jest、React Testing Library 与 Playwright。

io.github.revfactory/harness-100/mobile-app-builder

移动应用开发全流程管道。由智能体团队协作完成 UI/UX 设计→原生/跨平台代码生成→API 集成→商店上架准备。凡涉及“帮我做移动应用”“开发 App”“iOS App”“Android App”“Flutter App”“React Native App”“App UI 设计”“App Store 上架”“App API 集成”等移动应用开发整体工作均使用此技能。已存在代码时也支持 API 集成或商店上架。但不包括实际构建/编译（Xcode、Gradle）、实际的商店提交和 CI/CD 管道搭建。

io.github.revfactory/harness-100/mobile-app-builder

移动应用开发全流程管道。由智能体团队协作完成 UI/UX 设计、原生/跨平台代码生成、API 集成和商店上架准备。用于“帮我做移动应用”“App 开发”“iOS App”“Android App”“Flutter App”“React Native App”“App UI 设计”“App Store 上架”“App API 集成”等一般性移动应用开发。对已有代码也支持 API 集成和商店上架。但实际构建/编译（Xcode、Gradle）、实际的商店提交和 CI/CD 管道搭建不在本技能范围内。

io.github.affaan-m/ECC/documentation-lookup

通过 Context7 MCP 使用最新的库和框架文档，而非训练数据。当用户提出设置问题、API参考、代码示例或命名框架（例如 React、Next.js、Prisma）时激活。

io.github.langflow-ai/langflow/component-refactoring

重构 Langflow 前端中高复杂度的 React 组件。当人工复杂度评估显示 complexity > 50 或 lineCount > 300、用户要求拆分代码、提取 hook 或降低复杂度时使用；简单或结构良好的组件、第三方封装组件、或用户明确只想测试不想重构时避免使用。

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 或落地前端设计系统时使用。