这是一个用于构建现代化全栈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应用开发。

这是一份全面的软件开发编码标准指南，涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则（可读性、KISS、DRY、YAGNI）、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队，帮助建立统一的代码规范，提高代码质量和团队协作效率。

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

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

前端设计技能专注于创建独特、高质量的前端界面，使用HTML、CSS、JavaScript、React等技术实现，避免通用AI美学，适用于构建网页组件、页面、应用程序等场景。强调创意设计、美学优化和代码精细化。关键词：前端设计、UI设计、网页开发、创新代码、美学界面、生产级前端、避免AI美学、设计思维。

Electron 桌面开发技能涉及使用 React、TypeScript 和 Vite 构建跨平台桌面应用程序。它包括 IPC 通信、系统托盘集成、全局快捷键、PTY 终端处理、音频录制、WebRTC 视频通话以及使用 electron-builder 进行打包。关键词：Electron、React、TypeScript、Vite、桌面应用、IPC、系统托盘、音频录制、WebRTC、打包、跨平台开发。

使用 Material-UI (MUI) 构建 React 应用的最佳实践，包括组件库、主题系统、响应式设计和暗色模式的实现。

这个技能提供了TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式，旨在提高代码质量、可读性和可维护性。它涵盖代码质量原则如可读性、KISS、DRY、YAGNI，以及变量命名、函数命名、不变性、错误处理、异步/等待、类型安全、React组件结构、自定义钩子、状态管理、API设计、文件组织、注释文档、性能优化、测试标准和代码异味检测。关键词：编码标准，最佳实践，TypeScript，JavaScript，React，Node.js，软件开发，代码质量，前端开发，后端开发。

该技能可从UI截图/设计稿中系统提取设计系统（配色/字体/组件/间距），生成设计文档和PRD，最终输出可直用于React实现的MVP界面提示词，支持多方案产出。

自动化设置视觉回归测试，支持Chromatic, Percy, BackstopJS，适用于React, Vue, Svelte框架，集成至GitHub Actions, GitLab CI, CircleCI工作流。

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

本技能指南详细介绍了如何在Next.js框架中，利用shadcn/ui组件库快速构建美观、可访问且现代化的用户界面。内容涵盖从项目初始化、常用组件（如按钮、表单、对话框、表格、侧边栏、通知）的安装与使用，到结合react-hook-form与Zod进行表单验证，以及深色模式的集成设置。适用于前端开发者、UI工程师快速上手基于Radix UI和Tailwind CSS的高质量UI开发。关键词：shadcn/ui, Next.js, React组件库, UI开发, 前端开发, 表单验证, 深色模式, Tailwind CSS, Radix UI。