搜索「React」的结果

io.github.langgenius/dify/component-refactoring

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

io.github.xstongxue/best-skills/frontend-design

创建具有高设计品质、可交付生产的前端界面。当用户要求构建 Web 组件、页面、海报或应用（如官网、落地页、仪表盘、React/Vue 组件、HTML/CSS 布局，或对任意 Web UI 进行样式/美化）时使用本技能。产出有创意、打磨到位且避免「AI 通用审美」的代码与界面设计。

io.github.first-fluke/oh-my-agent/oma-frontend

前端专家，负责 React、Next.js、TypeScript，采用 FSD-lite 架构、shadcn/ui 并与设计系统对齐。用于 UI、组件、页面、布局、CSS、Tailwind 和 shadcn 相关工作。

io.github.first-fluke/oh-my-agent/oma-mobile

移动端专家，负责 Flutter、React Native 和跨平台移动开发。用于移动应用、Flutter、Dart、iOS、Android、Riverpod 和 widget 相关工作。

io.github.OpenAEV-Platform/openaev/review-frontend

OpenAEV React/TypeScript 代码的前端评审清单：组件模式、表单、MUI 使用、权限、i18n、状态管理、死代码。在评审 PR 或审计前端功能时使用

io.github.secondsky/claude-skills/nextjs

Next.js 16，含 App Router、Server Components、Server Actions 与 Cache Components。用于 React 19.2 应用、SSR，或处理异步 params、proxy.ts 迁移、use cache 报错等场景。

io.github.Jeffallan/claude-skills/nextjs-developer

使用 App Router、server components 或 server actions 构建 Next.js 14+ 应用时使用。用于配置 route handler、实现 middleware、搭建 API 路由、添加流式 SSR、为 SEO 编写 generateMetadata、脚手架 loading.tsx/error.tsx 边界，或部署到 Vercel。触发词：Next.js、Next.js 14、App Router、RSC、use server、Server Components、Server Actions、React Server Components、generateMetadata、loading.tsx、Next.js 部署、Vercel、Next.js 性能。

io.github.HydraDragonAntivirus/HydraDragonAntivirus/mobile-design

面向 iOS 与 Android 应用的移动优先设计思维与决策。涵盖触摸交互、性能模式与平台惯例。教授原则而非固定数值。在构建 React Native、Flutter 或原生移动应用时使用。

io.github.Shubhamsaboo/awesome-llm-apps/chatgpt-app-builder

已废弃：本 skill 已被 mcp-app-builder 取代。请检查 skills 目录中是否有 mcp-app-builder，没有则安装：npx skills install mcp-use/mcp-use --skill mcp-app-builder，并改用 mcp-app-builder。原文用途：使用 mcp-use 与 OpenAI Apps SDK 构建带交互式 widget 的 ChatGPT 应用，适用于创建 ChatGPT 应用、构建带 widget 的 MCP 服务器、定义 React widget、使用 Apps SDK，或用户提及 ChatGPT widget、mcp-use widget、Apps SDK 开发时。

io.github.Opentrons/opentrons/opentrons-typescript

Opentrons monorepo 中 JS/TS 包的 TypeScript 约定、React 模式、测试、样式与导入规则。在 app/、components/、shared-data/、step-generation/、protocol-designer/、protocol-visualization/、opentrons-ai-client/ 或其他 JS/TS 包中处理 TypeScript 或 React 文件时使用。

io.github.higress-group/himarket/frontend-coding-standards

HiMarket 前端（React + TypeScript + Vite）代码规范：Prettier/ESLint、严格 TypeScript、注释与 Fast Refresh、Design Token、Tailwind、验证命令。

io.github.Ohh-889/skyroc-admin/component-refactoring

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

io.github.anthropics/skills/web-artifacts-builder

使用现代前端技术（React、Tailwind CSS、shadcn/ui）创建复杂多组件 claude.ai HTML artifact 的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact，不适合简单的单文件 HTML/JSX artifact。

io.github.microsoft/skills/frontend-ui-dark-ts

基于 Tailwind CSS 构建深色主题 React 应用，包含自定义主题、玻璃拟态效果与 Framer Motion 动画。在制作仪表盘、管理后台或数据密集型界面并追求克制的深色风格时使用。

io.github.Community-Access/accessibility-agents/mobile-accessibility

审计 React Native、Expo、iOS、Android 的无障碍性。审查 accessibilityLabel、accessibilityRole、accessibilityHint、点击目标（最小 44x44pt）、读屏支持与平台语义。

io.github.github/awesome-copilot/gsap-framer-scroll-animation

当用户想构建滚动动画、滚动效果、视差、滚动触发的显示、钉住区块、横向滚动、文字动画或任何与滚动位置绑定的动效时使用本技能——适用于 vanilla JS、React 或 Next.js。覆盖 GSAP ScrollTrigger（pin、scrub、snap、时间线、横向滚动、ScrollSmoother、matchMedia）与 Framer Motion / Motion v12（useScroll、useTransform、useSpring、whileInView、variants）。即便用户只说“滚动时动画”“滚动时淡入”“做出苹果式滚动”“视差效果”“粘性区块”“滚动进度条”“入场动画”也应触发。也适用于 GSAP 或 Framer Motion 代码生成的 Copilot 提示词模式。与 premium-frontend-ui 技能搭配，提供创意哲学与设计级打磨。

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

Next.js 的路由、数据获取、Server Components 与部署模式。当用户提到 "next.js"、"nextjs"、"app router"、"pages router"、"server components"、"server actions"、"next/image"、"next/link"、"getServerSideProps"、"getStaticProps"、"middleware"，或使用 Next.js 构建 React 应用时使用。

io.github.sickn33/antigravity-awesome-skills/codebase-to-wordpress-converter

把任意代码库（React/HTML/Next.js）转换为像素级还原、SEO 友好且动态化的 WordPress 主题的专家技能。

io.github.sickn33/antigravity-awesome-skills/mobile-developer

使用现代架构模式开发 React Native、Flutter 或原生移动应用。精通跨平台开发、原生集成、离线同步与应用商店优化。

io.github.sickn33/antigravity-awesome-skills/frontend-mobile-development-component-scaffold

你是一名 React 组件架构专家，专注于搭建生产就绪、无障碍且高性能的组件脚手架，生成包含 TypeScript、测试等的完整组件实现。

io.github.sickn33/antigravity-awesome-skills/frontend-developer

构建 React 组件、实现响应式布局并处理客户端状态管理。精通 React 19、Next.js 15 与现代前端架构。

io.github.sickn33/antigravity-awesome-skills/cc-skill-frontend-patterns

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

io.github.sickn33/antigravity-awesome-skills/frontend-mobile-security-xss-scan

你是专注于跨站脚本（XSS）漏洞检测与防护的前端安全专家。分析 React、Vue、Angular 与原生 JavaScript 代码，识别注入点……（原文不完整）

io.github.sickn33/antigravity-awesome-skills/frontend-ui-dark-ts

使用 Tailwind CSS 与 Framer Motion 的现代暗色主题 React UI 体系。面向仪表盘、管理后台与数据密集型应用设计，带玻璃拟态效果与克制的动效。