搜索「React」的结果

io.github.aiskillstore/marketplace/nextjs-devtools

通过 MCP 提供 Next.js 开发工具。检查路由、组件、构建信息并调试 Next.js 应用。 在处理 Next.js 应用、调试路由或检查应用结构时使用。 不适用于通用 React 或非 Next.js 项目。

io.github.aiskillstore/marketplace/nextjs-app-router-patterns

掌握 Next.js 14+ App Router：Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。

io.github.rmyndharis/antigravity-skills/nextjs-app-router-patterns

掌握 Next.js 14+ App Router：Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。

io.github.xenitV1/Antigravity-Workflows/mobile-design

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

io.github.MaxMiksa/Auto-Company/code-review-security

面向安全的代码审查清单与自动化扫描模式。在审查 Pull Request 的安全问题、审计认证/授权代码、检查 OWASP Top 10 漏洞或验证输入净化时使用。涵盖 SQL 注入防护、XSS 防护、CSRF 令牌、认证流程审查、机密检测、依赖漏洞扫描，以及 Python（FastAPI）和 React 的安全编码模式。不覆盖部署安全（用 docker-best-practices）或事件响应（用 incident-response）。

io.github.davila7/claude-code-templates/senior-architect

覆盖 ReactJS、NextJS、NodeJS、Express、React Native、Swift、Kotlin、Flutter、Postgres、GraphQL、Go、Python 的全面软件架构技能，用于设计可扩展、可维护的系统。包含架构图生成、系统设计模式、技术选型决策框架与依赖分析。在设计架构、做技术决策、绘制架构图、评估权衡或定义集成模式时使用。

io.github.korallis/Droidz/nextjs-app-router

采用 App Router 架构、结合 Server Components 与 Client Components 及高级路由模式，构建现代 Next.js 13+ 应用。适用于实现服务端优先渲染、嵌套布局、并行路由、拦截路由、使用 React Server Components、通过异步服务端组件优化数据获取、用 Suspense 实现流式渲染、划分客户端交互边界，或利用 Next.js 13+ app 目录特性打造高性能、SEO 友好的 React 应用。

io.github.korallis/Droidz/nextjs-server-components

使用在服务器端渲染的 Next.js Server Components 构建高效 React 应用，缩减客户端打包体积、提升性能并支持直连数据库。适用于服务端取数、减小 JavaScript 打包体积、在组件内直接访问数据库、借助 Suspense 实现流式渲染、创建只渲染一次的布局、优化 Core Web Vitals，或以服务端优先架构构建对 SEO 友好的应用。

io.github.ailabs-393/ai-labs-claude-skills/docker-containerization

在容器化应用、编写 Dockerfile、docker-compose 配置或将容器部署到各类平台时使用此技能。适用于需要容器化用于开发、生产或 CI/CD 流水线的 Next.js、React、Node.js 应用。当用户需要 Docker 配置、多阶段构建、容器编排或部署到 Kubernetes、ECS、Cloud Run 等时使用。

io.github.diet103/claude-code-infrastructure-showcase/frontend-dev-guidelines

React/TypeScript 应用的前端开发准则。包含 Suspense、懒加载、useSuspenseQuery、按 features 目录组织文件、MUI v7 样式、TanStack Router、性能优化与 TypeScript 最佳实践等现代模式。在创建组件、页面、功能模块、拉取数据、写样式、路由或处理前端代码时使用。

io.github.pixijs/pixijs/pixijs-create

Use this skill when scaffolding a new PixiJS v8 project with the create-pixi CLI or adding PixiJS to an existing project. Covers npm/yarn/pnpm/bun create commands, interactive vs non-interactive flows, bundler vs creation template categories, available template presets (bundler-vite, bundler-webpack, bundler-esbuild, bundler-import-map, creation-web, framework-react, extension-default), Node version requirements, `npm install pixi.js` for existing projects, TypeScript 5/6/7 tsconfig setup (moduleResolution, @webgpu/types, @types/web), post-scaffold dev flow, and the Vite top-level-await production-build gotcha. Triggers on: create pixi.js, npm create, npm install pixi.js, scaffold, template, bundler-vite, bundler-webpack, creation-web, framework-react, new project, existing project, getting started, quick start, TypeScript, tsconfig, moduleResolution, @webgpu/types, @types/web, Cannot find name GPUTextureUsage.

io.github.langflow-ai/langflow/frontend-i18n

使用 i18n 体系（i18next / react-i18next）添加、修改或审查 Langflow 前端的用户可见文案。当变更涉及新增或编辑 UI 字符串——标签、按钮、tooltip、模态框、toast、错误提示、空状态——或审查包含用户可见文案的 diff 时使用。所有用户可见字符串必须走翻译体系，且每个新 key 必须存在于全部 locale 文件中。不适用于后端字符串、日志消息或代码标识符。

io.github.camunda/camunda/frontend-unit-test

在 orchestration cluster webapp（webapp/client/apps/orchestration-cluster-webapp/src/）中编写、修改或调试单元测试（*.test.tsx）时使用。涵盖 Vitest 浏览器模式、MSW mock 与 vitest-browser-react 渲染。

io.github.VKirill/antigravity-for-claude-code/css-architecture-2026

框架出现前的原生 HTML/CSS 架构：ITCSS 风格令牌、BEM、OKLCH、@layer 层叠层级、逻辑属性、容器查询、View Transitions API、dvh/svh、prefers-color-scheme、WCAG 2.2 无障碍。适用场景：原生 HTML+CSS、设计系统、tokens.css、BEM、kitchen-sink、品牌手册、页面切图、设计令牌、暗色模式、仪表盘布局、CRM 后台。不适用：Tailwind（→tailwind）、shadcn（→shadcn）、框架作用域样式（→react/vue/nuxt）、CSS-in-JS、styled-components。

io.github.citypaul/.dotfiles/testing

行为驱动测试的模式。在编写测试、创建测试工厂、组织测试文件或决定测试内容时使用。不适用于 UI 专项测试（参见 front-end-testing 或 react-testing 技能）。

io.github.redpanda-data/console/form-refactorer

把旧表单重构为使用现代 Redpanda UI Registry Field 组件，配合 react-hook-form 与 Zod 校验。当用户要求：(1) 重构或现代化表单，(2) 迁移 Chakra UI 或 @redpanda-data/ui 表单，(3) 更新表单改用 Field 组件，(4) 从旧表单模式迁移，(5) 用 react-hook-form + Zod 校验实现表单时使用。

io.github.omer-metin/skills-for-antigravity/nextjs-app-router

Next.js 13+ App Router 架构的专家级知识。当提及 "next.js app router, server component, client component, use client, use server, server action, next 13, next 14, next 15, app directory, nextjs, next, react, app-router, rsc, server-components, ssr" 时使用。