这个技能提供了一套工具，用于使用现代前端技术（如 React、Tailwind CSS、shadcn/ui）创建复杂的多组件 HTML 构件。它特别适用于需要状态管理、路由或 shadcn/ui 组件的项目，帮助开发者快速构建和打包前端应用，便于在 Claude 对话中共享。关键词：前端开发，React，Tailwind CSS，shadcn/ui，HTML 构件，工具套件，打包工具。

这是一个用于构建现代化全栈Web应用的专家级技能。它专注于Next.js框架，特别是App Router、React Server Components (RSC)、Server Actions、流式渲染、缓存策略和Vercel部署。该技能能帮助开发者快速搭建项目结构，实现服务器端渲染、数据获取、表单处理、API路由、高级路由模式（如并行路由、拦截路由）以及性能优化。适用于需要构建高性能、SEO友好、可扩展的Web应用程序的场景。关键词：Next.js, React, 全栈开发, App Router, Server Components, Server Actions, Vercel部署, 前端框架, Web应用开发。

tsdown是一个基于Rolldown的极速TypeScript/JavaScript库打包工具，专为前端开发者设计，用于高效构建、打包和发布npm库。它支持多种输出格式（ESM、CJS、IIFE、UMD），自动生成类型声明文件，提供摇树优化和压缩功能，并兼容主流前端框架（React、Vue、Solid、Svelte）。关键词：TypeScript打包工具，JavaScript库构建，前端开发工具，npm库打包，Rolldown，摇树优化，类型声明生成，多格式输出，组件库构建。

此技能实现了全面的用户反馈和通知系统，用于在软件应用中提供一致的系统状态通信、消息显示和用户确认处理，包括toast通知、模态对话框、进度指示器等。关键词：反馈系统、通知、用户界面、前端开发、React、可访问性。

代码质量审查员是一个自动化代码审查工具，专门用于检查和强制执行前端开发项目的代码质量标准。该工具支持TypeScript严格模式、ESLint合规性检查、文件行数限制、函数复杂度控制、命名规范验证、导入路径优化和项目架构合规性审查。适用于React、Vue等前端框架项目，帮助开发团队保持代码一致性，提高代码可维护性，减少技术债务。关键词：代码审查、代码质量、TypeScript、ESLint、前端开发、代码规范、自动化检查、DevOps、代码重构、复杂度控制

这个技能专注于使用React、Vue和Svelte等现代前端框架设计和实现可重用的UI组件，涵盖CSS-in-JS样式方法、组件组合模式（如复合组件、渲染属性）、API设计等，适用于构建组件库、前端设计系统和提升代码可维护性。关键词：React, Vue, Svelte, CSS-in-JS, 组件设计, 前端开发, UI组件, 可重用架构, 组合模式, 样式管理。

高级质量保证技能包，专为ReactJS、NextJS、NodeJS应用程序提供全面的测试解决方案。包含测试套件自动生成、代码覆盖率深度分析、端到端测试脚手架搭建三大核心功能。适用于软件测试工程师、质量保证专家、自动化测试开发人员，帮助提升测试效率、确保代码质量、优化测试策略。关键词：软件测试、自动化测试、测试覆盖率、端到端测试、质量保证、React测试、NodeJS测试、测试策略、测试工具、QA最佳实践。

前端开发技能：使用shadcn/ui库和设计系统规范创建高质量UI组件。包含设计令牌使用、响应式布局、可访问性实现等前端开发最佳实践。适用于React前端开发、组件库开发、UI设计系统实施。关键词：前端开发、UI组件、shadcn/ui、设计系统、React组件、可访问性、响应式设计、设计令牌、前端架构

UI/UX Pro Max是一个全面的设计智能技能，专为网页和移动应用的UI/UX设计提供指导。它包含50多种样式、97种色彩调色板、57种字体配对、99个UX指南和25种图表类型，支持9种技术栈如React、Vue、Tailwind。用于设计新UI组件、选择颜色和字体、审查代码、构建落地页、实施可访问性，提高设计效率和专业性。关键词：UI设计、UX设计、前端开发、网页设计、移动应用设计、设计系统、可访问性、响应式设计、Tailwind CSS、React、Vue。

移动应用调试技能用于识别和解决iOS、Android及跨平台移动应用中的崩溃、内存泄漏、性能瓶颈、网络问题和调试工具使用，如Xcode Instruments、Android Profiler、React Native调试器。SEO关键词：移动应用调试、iOS调试、Android调试、React Native调试、内存泄漏、性能优化、网络调试、调试工具。

tsdown是一个基于Rolldown和Oxc的TypeScript打包工具，用于快速构建TypeScript库、生成.d.ts声明文件、支持ESM/CJS双输出、包验证和插件开发。适用于TypeScript库开发、npm包发布、Vue/React组件库构建等场景，提升开发效率和代码质量。关键词：TypeScript打包、tsdown、库构建、ESM/CJS、d.ts生成、插件开发、前端工具。

组件设计技能用于创建一致、可重用的React和Vue UI组件，遵循原子设计原则和组合模式。适用于前端开发中的UI组件库构建，提升开发效率和代码维护性。关键词：组件设计、React、Vue、原子设计、组合模式、UI组件、前端开发、状态管理。