这个技能提供了一套全面的 React 和 Next.js 性能优化指南，由 Vercel Engineering 维护。它包含 57 条规则，覆盖消除瀑布流、优化包大小、服务器端性能等关键领域，帮助开发者在编写、评审或重构代码时实现最佳性能。关键词：React, Next.js, 性能优化, Vercel, 前端开发。

这个技能专注于使用Storybook创建和改进组件文档，通过autodocs、MDX和JSDoc实现自动化文档生成，提高前端开发效率。关键词：Storybook, 组件文档, 前端开发, 自动文档, MDX, JSDoc, SEO优化

该技能用于在前端开发工具中创建新的模块文件，支持TypeScript类型声明、双语JSDoc注释和自动化测试，旨在提升代码的模块化程度、可维护性和开发效率。关键词：模块文件创建、前端工具、TypeScript模块、JSDoc文档、单元测试。

Shopify App开发技能涉及使用Remix框架、Admin API和结账UI扩展来构建Shopify应用，关键词包括Shopify、Remix、Admin API、结账扩展。

这个技能专注于Blazor组件开发，涵盖生命周期管理、状态管理、JavaScript互操作、表单验证和QuickGrid组件。它提供了针对不同渲染模式（如Static SSR、InteractiveServer、WASM）的行为差异指导，适用于.NET开发人员构建高效、交互式的Web应用程序。关键词：Blazor, .NET, 组件开发, 前端, 状态管理, JS互操作, EditForm, QuickGrid

此技能专注于使用Hugo静态站点生成器快速构建博客、文档网站和落地页，集成Tailwind CSS v4和Sveltia CMS，并部署到Cloudflare Workers。提供完整解决方案，包括错误预防、模板使用和SEO优化。关键词：Hugo, 静态站点生成器, Tailwind CSS, Sveltia CMS, Cloudflare部署, 前端开发, DevOps, 网站构建

这个技能提供了Facebook/Meta的jscodeshift codemod开发最佳实践指南，用于自动化JavaScript/TypeScript代码的迁移、重构和转换。关键词包括：jscodeshift, AST转换, 代码迁移, 自动化重构, codemod开发, 前端工具, 代码质量提升。

该技能用于在JavaScript或TypeScript中优化代码性能，通过使用Set和Map数据结构实现O(1)时间复杂度的成员查找，替代低效的数组includes方法，适用于高频查找场景，提升应用程序响应速度和效率。关键词：Set Map O(1) 查找 优化 JavaScript TypeScript 性能提升

这个技能是React生态系统专家，专注于帮助开发者掌握React hooks、状态管理、组件模式、React 19新特性（如编译器、动作、useActionState、useOptimistic）、Shadcn UI和Radix原语。它提供最佳实践指南、代码审查、性能优化和可访问性建议，用于构建高性能、可扩展的现代React应用。关键词：React, hooks, 状态管理, 组件, React 19, Shadcn UI, Radix, 前端开发, 性能优化, 可访问性。

熊猫CSS是一个前端CSS框架，用于通过CSS-in-JS技术管理Web样式，提高开发效率和性能。关键词：前端开发，CSS框架，CSS-in-JS，原子CSS，Web性能。

这个技能提供了一套用于React/Next.js的UI组件，用于管理和显示工具调用的生命周期状态，包括待定、运行、批准、成功和错误。它支持人机交互批准流程、进度指示器、结果显示和工具图标自动匹配，适用于AI代理工具调用、前端开发中的工具生命周期管理。关键词：React、Next.js、UI组件、工具调用、生命周期、批准流程、前端开发、AI智能体、人机交互。

这个技能提供了设计令牌系统和主题框架，用于跨所有组件实现一致、可定制的UI样式。它包括完整的令牌分类（颜色、排版、间距、阴影、边框、动画、z索引）、主题切换（亮暗模式、高对比度、自定义品牌）、RTL/i18n支持和可访问性功能，是前端开发中UI设计的基础层。关键词：设计令牌、主题系统、CSS变量、UI样式、前端开发、可访问性、RTL支持、品牌定制。