搜索「React」的结果

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

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 技术栈优化。