“React” 共 474 个结果
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.vercel-labs/agent-skills/composition-patterns
易于扩展的 React 组合模式。适用于重构 boolean prop 泛滥的组件、构建灵活的组件库、设计可复用 API。当任务涉及 compound components、render props、context provider 或组件架构时触发。包含 React 19 的 API 变化。
v1.0.1
io.clawhub.steipete/discord
当需要通过 discord 工具从 Clawdbot 控制 Discord 时使用：发送消息、添加回应、发布或上传贴纸、上传表情、发起投票、管理帖子/置顶/搜索、获取权限或成员/角色/频道信息，或处理私聊与频道中的管理动作。
v1.0.0
io.clawhub.jgarrison929/shadcn-ui
在使用 shadcn/ui 组件构建 UI、Tailwind CSS 布局、用 react-hook-form 与 zod 的表单模式、主题、深色模式、侧边栏布局、移动导航或任何 shadcn 组件问题时使用。
v1.0.3
io.clawhub.ivangdavila/android
构建、调试、发布和加固 Android 应用：涵盖 Gradle、Jetpack Compose、XML Views、ADB 与 Play 发布流程。适用于构建失败、依赖解析错版、APK 无法安装、adb 识别不到设备、崩溃/ANR/内存泄漏、真机与模拟器表现不一致、Compose 过度重组、旋转丢失状态、列表卡顿、WorkManager/告警/前台服务异常、权限被静默拒绝、分区存储受限、Play 拒收声明、targetSdk 变更行为、签名、R8 keep 规则、包体积、分阶段发布、Android Vitals，以及 Room 迁移、深链、模拟器、折叠屏和 CI 构建等场景。不适用于 Kotlin 语言本身、商店 ASO、跨平台框架。
v0.1.1
io.clawhub.wing8169/frontend-dev
生成可用于生产环境的 Next.js 项目，包含 TypeScript、Tailwind CSS、shadcn/ui 与 API 集成。当用户要求构建、创建、开发或搭建 Next.js 应用、Web 应用、全栈项目，或带后端集成的前端时使用。优先采用现代技术栈（Next.js 14+、TypeScript、shadcn/ui、axios、react-query）与最佳实践。也会在新增功能、集成 API 或扩展现有 Next.js 项目时触发。
v1.0.2
io.clawhub.ivangdavila/ios
构建、发布与调试原生 iOS 应用：生命周期、权限、entitlements、推送、小组件、StoreKit 与 App Store 审核。适用于提审被拒或准则阻碍发布、权限弹窗不出现、缺少 entitlement 导致调用失败、推送/后台刷新/后台上传不执行、通用链接打开了 Safari、应用被 watchdog/jetsam/0xdead10cc 杀死、启动卡死或仅真机崩溃、小组件/Live Activity/扩展内存超限、购买/订阅/恢复失败、需要隐私清单/追踪授权/数据标签、Dynamic Type 打乱布局，或新 iOS 版本影响已发布应用等场景。不适用于 Swift 语言本身、IDE 与签名构建设置、商店文案与提审流程、跨平台框架。
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" 时使用。
