react
React 开发技能，依据官方文档模式提供组件、JSX、Props、状态、Hooks、Context、路由与渲染性能优化等指导，适用于函数组件与 Hooks 场景。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-20 00:13
前端与建站
10,905 个结果
vite-react
基于 Vite 7 与 React 19 的 TypeScript 项目模板，含 ESLint 与热模块替换，可克隆、安装、构建并部署到 Vercel 或 Netlify。
react-best-practices
面向客户端 React 性能优化的规则集，来自 redpanda-data/console 的 Cloud UI 实践，共 29 条规则，按类别与影响程度组织，覆盖打包体积、重渲染、渲染、异步、JavaScript 与浏览器等主题。
webapp-ui-skill
面向 SaaS 仪表盘、后台管理、CRM、内部工作流等密集型产品界面的 UI 技能，支持构建、重构、审计与状态覆盖校验，提供状态矩阵、实现报告模板及本地检查脚本。
sb-inventory
sb-inventory 是 Storybook Workbench 中的审计技能，用于扫描 React+Vite 应用，基于实际 import 区分真实组件与冗余组件，识别主导设计系统，并统计调用点上的真实 prop 取值。适合在编写 stories 前摸清项目组件家底。
atomic-design-atoms
原子设计中的原子组件技能，用于创建按钮、输入框、标签、图标等最小UI构建块。资料给出React与CSS Modules实现示例，强调可复用、无状态、可访问与设计令牌。
vechain-react-native-dev
面向 React Native 开发者的 VeChain VeWorld 钱包集成技能，覆盖深度链接通信、NaCl 加密、交易与证书签名、EIP-712 类型化数据签名及多网络支持，并附带参考文件与操作流程。
ideal-react-component
面向 React 函数组件的结构规范与 Hooks 反模式指南：给出七段式文件布局（导入→样式→类型→组件→逻辑→条件渲染→默认渲染）与逻辑排序，并总结导致无限循环、状态过期和意外重渲染的常见 Hooks 反模式及重构建议。
responsive-design
一套移动优先的响应式设计技能指南，涵盖断点策略、流式布局、内容编排与跨设备优化，基于 CSS Grid、Flexbox 及现代响应式技术。
screenshot-to-code
依据截图或视觉参考重建网站、应用界面、组件、仪表盘、落地页与响应式界面的技能，强调把截图当作视觉证据，按发现、规格、构建、对比、精修五阶段推进，兼顾视觉还原与工程质量。
nextjs-tinacms
用于构建 Next.js 16 + React 19 + TinaCMS 网站的 Claude 技能，提供可视化编辑、基于区块的页面构建与 SEO 支持，面向 App Router + Tina Cloud + Vercel + Tailwind CSS 4 + shadcn/ui 技术栈。
migrate-frontend-forms
Sentry 官方技能，指导将旧版 JsonForm/FormModel 表单迁移到基于 TanStack 的新表单系统，提供新旧特性映射表与迁移代码示例。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调避免千篇一律的“AI 味”审美，通过明确的设计方向、排版、配色、布局、动效与交互规范，产出可运行且视觉出众的代码。
react-native-guidelines
React Native Guidelines 是一套面向跨平台移动开发的规则集，包含性能、布局、动画、图片、状态、架构与平台 7 个部分的 16 条规则，用于在代码生成和审查时规避 React Native 桥接架构与原生渲染管线的常见陷阱。
frontend-skill
frontend-skill 是一个用于前端界面创作与评审的 AI 技能，适用于需要强视觉表现的落地页、网站、应用、原型、演示或游戏 UI。它强调克制的构图、图像主导、清晰层级与少量有意义的动效，而非堆砌组件。
react-to-axure
将任意 React 组件或应用改造为 Axure 可导入的原型组件，生成符合规范的配置声明与运行时封装代码，适用于已有 React 项目希望导出为 Axure 交互原型的场景。
react-hooks
该技能为 React Hooks 提供全面指导，涵盖 useState、useEffect、useContext、useReducer、useMemo、useCallback、自定义 Hook 以及常见 Hook 模式。适用于使用内置 Hook、创建可复用状态逻辑、以 useReducer 管理复杂状态、通过记忆化 Hook 优化性能、用 useEffect 处理副作用（数据获取、订阅、定时器），以及理解并遵循 Hooks 规则等场景。
artifacts-builder
用于生成可在任意现代浏览器中独立运行的单文件 HTML/CSS/JS 制品，如交互演示、原型、数据可视化和小型工具。强调渐进增强、响应式设计与简洁代码。
senior-frontend
面向 React/Next.js/TypeScript 生产级前端开发的技能，按上下文发现、开发、交付三阶段工作流执行，强调原子设计组件架构、状态管理、SSR/SSG/ISR 优化，以及 Vitest、React Testing Library、Playwright 的 >85% 测试覆盖率。
img-to-html
将界面截图（PNG/JPG/WebP）分阶段重建为静态 HTML + CSS + JS 的技能，每阶段需用户批准，输出到 design-systems/<slug>/ 文件夹，最终入口为 index.html。
react-composition
React 组件组合模式指南，介绍如何通过组合而非配置来构建灵活、易维护的组件 API，涵盖 compound components、基于 context 的状态共享、显式变体以及 React 19 的 ref 与 use() 等新 API。
css-coder
css-coder 是 schalkneethling/webdev-agent-skills 中的 CSS 编写指导技能，强调以 Web 标准、可访问性、性能和可维护性为先，用于编写、审查或重构 CSS 时提供模式与代码片段参考。
fp-ts-react
面向 React 应用使用 fp-ts 的实用模式技能，涵盖 hooks、状态管理、表单与数据获取，适合以函数式编程方式构建类型安全的 React 应用。
frontend-design
frontend-design 是一个用于创建独特、生产级前端界面的技能，强调高设计质量，避免常见的“AI 味”审美。适用于构建 Web 组件、页面、应用或界面，并输出可运行代码。