搜索「React」的结果

io.clawhub.binggg/web-development

当产品方向已明确，用户需要实现、集成、调试、构建、部署或验证 Web 前端时使用，尤其适用于 React、Vue、Vite、浏览器流程或 CloudBase Web 集成。

fullstack-dev

io.github.MiniMax-AI/skills/fullstack-dev

全栈后端架构与前后端集成指南。触发时机：构建全栈应用、创建带前端的 REST API、搭建后端服务、待办应用、CRUD 应用、实时应用、聊天应用，Express + React、Next.js API、Node.js/Python/Go 后端，设计服务层、实现错误处理、管理配置/认证、接入 API 客户端、实现登录流程、处理文件上传、添加实时能力（SSE/WebSocket）、生产环境加固。不触发：纯前端 UI、纯 CSS/样式、仅数据库 schema。

移动 App UI 设计

io.github.designed-by-ai/skills/design-mobile-apps

设计移动 App 或 UI 界面，并将 Sleek 设计落地为代码。

Supabase 全能助手

io.github.supabase/agent-skills/supabase

覆盖 Supabase 数据库、Auth、Edge Functions 等产品的开发、调试与排错。

io.clawhub.xobi667/ui-ux-pro-max

面向打造精致界面的 UI/UX 设计知识与实现指导。当用户要求 UI 设计、UX 流程、信息架构、视觉风格方向、设计系统/令牌、组件规格、文案/微文案、无障碍，或生成/评审/打磨前端 UI（HTML/CSS/JS、React、Next.js、Vue、Svelte、Tailwind）时使用。工作流包括：(1) 生成新 UI 布局与样式；(2) 改进现有 UI/UX；(3) 产出设计系统令牌与组件指南；(4) 把 UX 建议落实为具体代码改动。

io.clawhub.am-will/remotion-best-practices

Remotion 最佳实践——用 React 制作视频。

io.clawhub.shreefentsar/remotion-video-toolkit

基于 Remotion + React 的程序化视频创作完整工具包。涵盖动画、时序、渲染（CLI/Node.js/Lambda/Cloud Run）、字幕、3D、图表、文字特效、转场与媒体处理。编写 Remotion 代码、搭建视频生成流水线或制作数据驱动的视频模板时使用。

io.clawhub.ivangdavila/frontend

使用 React、Next.js、Tailwind CSS 进行前端开发。构建落地页、仪表盘、表单、组件。打造响应式、无障碍、高性能的 UI。

io.clawhub.am-will/remotion

Remotion（在 React 中创作视频）的最佳实践。

io.clawhub.binggg/cloudbase

当你开发、设计、构建、部署、调试、迁移或排查 CloudBase（腾讯云开发、云开发、TCB、微信云开发）项目时使用此技能——覆盖 Web、微信小程序、小程序、uni-app、移动端（iOS、Android、Flutter、React Native）。涵盖：UI（页面、界面、表单、dashboard、原型）；认证（登录、注册、OAuth、publishable key）；数据库（NoSQL 文档数据库、MySQL 关系型数据库、PostgreSQL/CloudBase PG、app.rdb()、queryPgDatabase/managePgDatabase、CRUD、安全规则）；云函数（serverless、scf_bootstrap）；CloudRun（云托管、Dockerfile）；云存储；内置 AI（内置大模型、AI 对话、流式输出、图片生成、generateText、streamText、createModel、generateImage、TokenHub、混元、DeepSeek、GLM、Kimi、Token Credits 资源包、小程序成长计划）；第三方/自定义大模型接入（大模型调用、LLM API）；AI 智能体（智能体、AG-UI、LangGraph）；运维巡检（巡检、诊断、日志）；规格工作流（需求文档、技术方案、requirements、tasks.md）。不适用于非 CloudBase 项目、不含 CloudBase 的纯前端或不含 CloudBase 的自托管后端。

Supabase 完整文档

v0.1.0

io.clawhub.leonaaardob/lb-supabase-skill

完整的 Supabase 平台文档。在使用 Supabase 时使用——涵盖认证（邮箱、OAuth、魔法链接、手机、SSO）、数据库（PostgreSQL、RLS、迁移）、存储（文件上传、CDN）、边缘函数、实时订阅、AI/嵌入、定时任务、队列和平台管理。包含框架集成（Next.js、React、SvelteKit 等）。

Next.js 16+ 完整文档 NextJS 16+ Complete Documentation

v16.1.6

io.clawhub.leonaaardob/lb-nextjs16-skill

完整的 Next.js 16 文档（Markdown 格式）。在处理 Next.js 项目、构建 React 应用、配置路由、数据获取、渲染策略、部署或从其他框架迁移时使用。涵盖 App Router、Pages Router、API 路由、服务端组件、Server Actions、缓存及所有 Next.js 特性。

io.clawhub.okikesolutions/plan2meal

管理 Plan2Meal React Native 应用中的食谱与购物清单。从链接导入食谱，搜索、查看与管理购物清单。

io.clawhub.ahump20/ui-ux-pro-max-2

UI/UX 设计智能库：50 种风格、21 组调色板、50 组字体搭配、20 种图表、9 大技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui）。动作：规划、构建、创建、设计、实现、评审、修复、改进、优化、增强、重构、检查 UI/UX 代码。项目：网站、落地页、仪表盘、后台面板、电商、SaaS、作品集、博客、移动应用及 .html/.tsx/.vue/.svelte 文件。元素：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单、图表。风格：玻璃拟态、黏土拟态、极简、粗野主义、新拟态、bento 网格、暗黑模式、响应式、拟物、扁平。主题：调色板、无障碍、动效、布局、排版、字体搭配、间距、悬停、阴影、渐变。集成：shadcn/ui MCP 用于组件搜索与示例。

io.clawhub.ktaesthetix/vercel-composition-patterns

可扩展的 React 组合模式。适用于重构布尔 prop 膨胀的组件、构建灵活的组件库或设计可复用 API；在涉及复合组件、render props、context provider 或组件架构的任务时触发，包含 React 19 API 变更。

io.clawhub.bagnalbag4/fullstack-developer

世界级全栈开发技能：前端（React、Next.js、Vue、HTML/CSS/JS）、后端（Node.js、Python/FastAPI、Django、Express）。

io.clawhub.ivangdavila/vue

构建、调试并审查 Vue 3 应用：响应式、组件、组合式函数、Pinia 状态管理、Vue Router、表单与性能。当状态变更后界面不更新、响应式对象在解构或重新赋值后丢失响应性、漏写 .value、watcher 不触发或陷入循环（“Maximum recursive updates exceeded”）、props 或 v-model 停止同步、模板 ref 为 null、SSR 报 hydration mismatch、路由参数变化后组件未重新加载、Pinia 提示“getActivePinia() was called but there was no active Pinia”、控制台出现“Failed to resolve component”或“Extraneous non-props attributes”、抛出的错误导致页面白屏、长列表或大对象让输入卡顿、图表或地图库被放进 ref() 后失效、scoped 样式作用不到子组件，或需要把 Vue 2 的 Options API 迁移到 Composition API 与 script setup 时使用。不适用于 Nuxt 特有的 SSR、路由与数据获取（nuxt）、Vite 构建配置（vite），也不适用于 React 与 Svelte（react、svelte）。

io.clawhub.ivangdavila/flutter

构建、调试并发布 Flutter 应用：widget、布局约束、状态管理、导航、性能与应用商店发布。适用于编写 Dart widget 或界面；RenderFlex 溢出、viewport 高度无界或 RenderBox 未完成布局；在 build 期间或 dispose 之后调用 setState、跨 async 间隙使用 BuildContext；UI 卡顿、滚动不流畅或图片耗尽内存；热重载失效；Provider、Riverpod 或 Bloc 过度或不足重建；使用 Navigator 或 go_router 路由、深度链接或返回键处理；键盘遮挡表单字段或校验异常；平台通道抛出 MissingPluginException；本地化字符串或 RTL 布局镜像；widget、golden 或集成测试在 CI 中挂起或失败；debug 构建正常但 release APK、IPA 或 web 包出错。不适用于 React Native 或纯 Swift/Kotlin 原生开发。

io.clawhub.nextfrontierbuilds/fear-greed

可嵌入的加密货币恐惧与贪婪指数（Fear & Greed Index）仪表盘组件。实时情绪指标。即插即用的 React/HTML 组件。兼容 AI 代理、Claude、Cursor。

io.clawhub.ahump20/frontend-design-2

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

io.clawhub.xsir0/frontend-design-extractor

从前端代码库提取可复用的 UI/UX 设计系统：设计令牌、全局样式、组件、交互模式与页面模板。分析任意前端仓库（React/Vue/Angular/Next/Vite 等）以沉淀或迁移 UI/UX 供跨项目复用时使用。只关注 UI/UX；明确忽略业务逻辑与领域流程。

io.clawhub.thegovind/podcast-generation

通过 WebSocket 使用 Azure OpenAI 的 GPT Realtime Mini 模型生成 AI 播客式音频叙事。适用于构建语音合成、音频叙事生成、内容转播客，或集成 Azure OpenAI Realtime API 输出真实音频。涵盖从 React 前端到 Python FastAPI 后端及 WebSocket 流式传输的全栈实现。

io.clawhub.muyanshouji/frontend-agent

前端开发专家 - React/Vue/Angular、UI 实现、性能优化

io.clawhub.zenith2828/tg-miniapp

无痛构建 Telegram Mini App。涵盖安全区域、全屏模式、BackButton 处理、inline 模式分享、position:fixed 问题和 React 陷阱等解决方案。适用于构建或调试 Telegram Mini App，或遇到 WebApp API、安全区域、分享相关问题时。