前端开发 Skill技能列表
前端设计Skill frontend-design
该技能用于创建独特、生产级的前端接口，注重高质量设计和创意美学，避免通用AI风格。适用于构建Web组件、页面、应用程序等，生成功能性和美观性的代码与UI。关键词：前端设计、UI设计、Web开发、生产级、创意美学。
Electron开发Skill electron-dev
这个技能是关于使用 Electron 框架进行桌面应用开发的指南，专注于 IPC 通信、安全要求和跨进程通信模式。适用于基于 Node.js 和 Web 技术构建跨平台桌面应用，涵盖 IPC 处理器、预加载脚本、本地集成和文件系统操作。关键词：Electron 开发, IPC 通信, 安全指南, 桌面应用, 跨平台开发, 前端技术, 桌面软件开发
网页设计规范审查Skill web-design-guidelines
这个技能用于审查网页用户界面代码，确保符合Web设计指南和最佳实践。它检查可访问性、用户体验（UX）、设计审计等，帮助开发者和设计师提升网站质量。关键词：网页设计、UI审查、可访问性检查、UX审计、代码合规、前端开发、设计指南、网站优化。
VercelReact最佳实践Skill vercel-react-best-practices
Vercel React 最佳实践技能提供React和Next.js前端应用的性能优化综合指南，包含57条规则，按优先级分类。适用于编写、审查、重构React/Next.js代码时，确保最佳性能模式，涉及组件、页面、数据获取、包优化和性能改进，帮助提升应用速度、减少加载时间，优化用户体验。关键词：React, Next.js, 性能优化, 前端开发, Vercel, 最佳实践。
前端设计Skill frontend-design
这个技能用于创建独特、生产级的前端界面，注重创意设计和高美学质量。适用于构建Web组件、页面、应用程序等，避免通用AI美学，强调细节和创造性。关键词：前端开发、UI设计、创意代码、生产级界面、SEO优化。
网页设计指南审查技能Skill web-design-guidelines
这个技能用于自动审查Web界面代码，以确保符合Web接口指南，提升可访问性、设计规范和用户体验。关键词：Web设计、UI审查、可访问性审核、UX评估、代码合规、前端开发。
VercelReact最佳实践Skill vercel-react-best-practices
这是一个由Vercel工程团队提供的React和Next.js性能优化技能指南，包含57条规则，分为8个优先级类别，用于指导开发者编写、审查和重构代码，以消除性能瓶颈、优化包大小、提升服务器和客户端性能。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 代码重构, 包优化, 数据获取
创意前端设计Skill frontend-design
该技能用于设计和开发高质量、独特的前端用户界面，强调创意美学和避免通用AI设计。适用于网页组件、页面和应用程序构建，生成生产级代码和视觉冲击力强的UI，提升用户体验。关键词：前端开发、UI设计、创意界面、网页设计、高质量代码、生产级、美学、独特设计、SEO。
更新索引导出Skill update-index-exports
这是一个用于在fe-tools项目中更新索引文件的技能，主要目的是维护包导出的整洁性和一致性，确保新添加的模块或函数能被正确暴露，并避免重复导出。该技能适用于前端开发中的代码维护任务，涉及TypeScript模块管理、包导出优化和测试完整性检查。关键词：更新导出、包管理、前端开发、索引文件、模块导出、fe-tools、代码维护。
同步文档Skill sync-docs
该技能用于自动生成和验证前端工具fe-tools的文档，通过运行TypeDoc命令生成API文档输出，确保代码与文档对齐，提升开发效率和维护性。适用于文档更新、TypeDoc输出生成和文档验证场景。关键词：文档生成、TypeDoc、前端开发、fe-tools、文档验证、代码同步、API文档、开发工具。
选择包Skill select-package
这个技能用于在软件开发过程中，根据功能需求和运行时环境，智能选择合适的前端工具包（fe-tools），以优化代码组织和维护。关键词包括：fe-tools包选择、前端开发工具、运行时分类、编码工作流、工具包决策。
创建模块文件Skill create-module-file
该技能用于在前端开发工具中创建新的模块文件，支持TypeScript类型声明、双语JSDoc注释和自动化测试，旨在提升代码的模块化程度、可维护性和开发效率。关键词：模块文件创建、前端工具、TypeScript模块、JSDoc文档、单元测试。