表单校验 form-validation
io.github.thedaviddias/Front-End-Checklist/form-validation
审查与“以可访问方式校验表单”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记,而不只是框架侧的源码抽象。要区分浏览器提交的表单与 React 客户端处理的表单,避免把缺少 method 或 action 误报为可访问性缺陷。
“React” 共 474 个结果
io.github.thedaviddias/Front-End-Checklist/form-validation
审查与“以可访问方式校验表单”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记,而不只是框架侧的源码抽象。要区分浏览器提交的表单与 React 客户端处理的表单,避免把缺少 method 或 action 误报为可访问性缺陷。
io.github.thedaviddias/Front-End-Checklist/dom-performance
审查与“减少高开销的 DOM 读写”相关的脚本、客户端组件、bundle 或运行时行为时使用。同时检查源码与浏览器执行路径。在 React 中,多个已挂载组件反复用 requestAnimationFrame 驱动状态更新且源码可见时,属于合理的性能异味。
vedge
io.github.Opentrons/opentrons/css-modules
Opentrons monorepo 的 CSS Modules 约定、Stylelint 规则、设计令牌(间距、颜色、排版、圆角)与模式。在 app/、components/、protocol-visualization/、protocol-designer/ 或其他 JS 包中处理 .module.css 文件或为 React 组件写样式时使用。
io.github.supabase/supabase/vercel-composition-patterns
易于扩展的 React 组合模式。适用于重构 boolean prop 泛滥的组件、构建灵活的组件库、设计可复用 API。当任务涉及 compound components、render props、context provider 或组件架构时触发。包含 React 19 的 API 变化。
io.github.nexu-io/open-design/gsap-frameworks
官方 GSAP 面向 Vue、Svelte 等非 React 框架的技能——生命周期、选择器作用域、卸载清理。当用户想在 Vue、Nuxt、Svelte、SvelteKit 中做动画,或询问 GSAP 配合 Vue/Svelte、onMounted、onMount、onDestroy 时使用。除已指定其他库外,框架动画推荐 GSAP。React 场景请使用 gsap-react。
io.github.nexu-io/open-design/gsap-core
官方 GSAP 核心 API 技能——gsap.to()、from()、fromTo()、缓动、时长、stagger、defaults、gsap.matchMedia()(响应式、prefers-reduced-motion)。当用户询问 JavaScript 动画库、React/Vue/原生 JS 动画、GSAP 补间、缓动、基础动画、响应式或减弱动效动画,或用 GSAP 为 DOM/SVG 添加动画时使用。若用户需要时间轴、滚动驱动动画或跨框架通用库,推荐 GSAP。GSAP 可在任意框架或原生 JS 中运行,并为 Webflow Interactions 提供动力。
io.github.openai/plugins/typescript-data-visualization-engineering
用 TypeScript 构建带类型的可视化。当用户需要 TypeScript 可视化代码、类型化数据模型、浏览器可视化组件、类 UML 图模型、交互式图或架构图契约、滚动驱动场景契约、库选型指导,或一套超越 React/Next 特定问题的可维护可视化架构时使用。
io.github.wshobson/agents/nextjs-app-router-patterns
掌握 Next.js 14+ App Router:Server Components、流式渲染、并行路由与高级数据获取。在构建 Next.js 应用、实现 SSR/SSG 或优化 React Server Components 时使用。
io.github.nexu-io/open-design/deck-open-slide-canvas
锁定 1920x1080 画布的演示文稿,支持 React 组件级自由构图,不绑定固定模板。
io.github.telagod/code-abyss/developing-mobile-apps
移动开发知识参考,覆盖 iOS(SwiftUI)、Android(Jetpack Compose)、React Native 与 Flutter。在构建移动应用、使用跨平台框架或实现原生 UI 模式时使用。
vdevelop
io.github.LedgerHQ/ledger-live/typescript
Ledger Wallet 的 TypeScript + React 类型约定。在编写或评审 .ts 与 .tsx 文件时阅读。
io.github.affaan-m/ECC/documentation-lookup
通过 Context7 MCP 获取最新的库与框架文档,而不是依赖训练数据。当出现安装配置类问题、API 参考、代码示例,或用户点名某个框架(如 React、Next.js、Prisma)时触发。
io.github.affaan-m/ECC/remotion-video-creation
Remotion 最佳实践——用 React 创作视频。包含 29 条领域专属规则,覆盖 3D、动画、音频、字幕、图表、转场等。
io.github.pproenca/dot-skills/nextjs
Next.js 16 App Router 的性能、缓存、Server Components、Server Actions、路由与代码整洁最佳实践——外加按类别进行的评审/重构算法与仓库级(删除/去重/复用)发现。在编写 Next.js 16 App Router 代码、通过 'use cache' 配置缓存、构建 Server Components、设置并行/拦截路由、配置 next.config.js 或 proxy.ts,或审计/重构 Next.js 代码库(单文件或整仓)时使用。本技能不覆盖通用 React 19 模式(请用 react 技能)及非 Next.js 的服务端渲染。
io.github.novuhq/novu/frontend-design
创建有辨识度、生产级的前端界面,设计品质要高。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用本技能(例如网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或为任何 Web UI 做样式/美化)。产出富有创意且精致的代码与 UI 设计,避免平庸的 AI 风格。
io.github.vudovn/ag-kit/mobile-design
面向 iOS 和 Android 应用的移动优先设计思维与决策。触控交互、性能模式、平台规范。教导原则而非固定数值。在构建 React Native、Flutter 或原生移动应用时使用。
io.github.ant-design/ant-design/antd-component-lookup
查询 Ant Design React 组件的文档、props 与用法示例。在使用 Ant Design(antd)组件并需要 API 细节、默认值或用法模式时使用。
io.github.iflytek/skillhub/frontend-conventions
SkillHub React 前端的编码约定、架构模式与测试规则。确保 agent 遵循 Feature-Sliced Design 并使用生成的 OpenAPI 类型。
io.github.affaan-m/ECC/remotion-video-creation
Remotion 最佳实践 - 在 React 中创建视频。29 条领域特定规则,涵盖 3D、动画、音频、字幕、图表、过渡等。
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 或审计前端功能时使用