前端开发 Skill技能列表
Vite构建工具Skill vite
Vite是一个快速、现代化的前端构建工具，支持TypeScript和ESM，提供高效的开发服务器和生产构建，适用于Vue、React等框架的项目开发。关键词：Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。
Set和Map高效查找优化Skill js-set-map-lookups
该技能用于在JavaScript或TypeScript中优化代码性能，通过使用Set和Map数据结构实现O(1)时间复杂度的成员查找，替代低效的数组includes方法，适用于高频查找场景，提升应用程序响应速度和效率。关键词：Set Map O(1) 查找 优化 JavaScript TypeScript 性能提升
现代Web应用架构技能Skill modern-web-app-architecture
本技能提供现代Web应用架构的全面指导，涵盖SPA、SSR、SSG、RSC等渲染策略，专注于架构权衡、状态管理、性能优化、测试和团队扩展。关键词：Web应用、架构设计、前端开发、性能优化、SEO、状态管理、测试策略。
基兰TypeScript代码审查技能Skill kieran-typescript-reviewer
此技能用于审查TypeScript代码变更，确保类型安全、现代模式、可维护性和高质量标准。基于基兰的严格惯例，适用于新功能实现、代码修改或创建新组件后的审查。关键词：TypeScript代码审查、类型安全、代码质量、前端开发、软件测试。
前端竞态条件审查技能Skill julik-frontend-races-reviewer
这个技能用于专业审查JavaScript和Stimulus前端代码中的竞态条件，确保UI时序正确和界面质量。它覆盖了DOM事件处理、Promise管理、定时器取消、CSS动画、并发操作跟踪等关键领域，特别兼容Hotwire和Turbo框架。关键词包括：前端开发、JavaScript、Stimulus、竞态条件、代码审查、UI质量、时序控制、数据竞态、Turbo、Hotwire、Promise、setTimeout、CSS动画、状态管理、DOM操作、前端优化。
前端竞态条件代码审查技能Skill julik-frontend-races-reviewer
该技能专用于审查JavaScript和Stimulus前端代码，检测和预防竞态条件，提升UI质量和用户体验。关键词：JavaScript, Stimulus, 竞态条件, 前端开发, 代码审查, UI质量, 数据竞争, 时序管理。
前端设计Skill frontend-design
该技能专注于创建独特、生产级的前端界面，强调高质量设计和创意代码实现，避免通用的AI美学。适用于构建Web组件、页面和应用程序，关键词包括前端设计、Web开发、UI/UX、创意编码、美学界面。
前端设计Skill frontend-design
这个技能用于创建独特、生产级的前端界面，强调创意设计和避免通用AI美学。它生成高质量、视觉冲击力的代码，适用于Web组件、页面和应用程序开发，确保界面既功能完整又具有独特美学风格。关键词：前端设计，创意代码，美学界面，避免AI通用，生产级开发。
Figma设计同步Skill figma-design-sync
Figma设计同步技能是一个自动化工具，用于比较Figma设计图和Web实现，自动检测视觉差异并提供修复建议。它支持响应式设计优化、Tailwind CSS调整，并确保像素完美对齐，适用于前端开发、自动化质量保证和设计到代码的高效转换。关键词：Figma，设计同步，前端开发，CSS，Tailwind，自动化测试，像素完美，Web开发。
Figma设计同步技能Skill figma-design-sync
这是一个自动化工具，用于比较和调整Figma设计与Web实现之间的视觉差异，确保设计一致性，提高前端开发效率和质量。关键词包括Figma、设计同步、CSS、Tailwind、Web开发、自动化、响应式设计。
设计迭代器Skill design-iterator
设计迭代器技能是一个系统化的UI/UX设计优化工具，通过多次迭代、视觉分析、竞品研究和渐进式改进，提升前端界面的美观度和专业性。适用于颜色调整、布局平衡和整体美感优化，帮助设计师和开发者快速迭代设计。关键词：UI/UX设计迭代、前端设计优化、视觉分析、竞品研究、渐进式改进。
设计实现审查员Skill design-implementation-reviewer
设计实现审查员是一种技能，专门用于验证前端UI实现是否与Figma设计规范匹配，通过视觉对比、系统审查和反馈提供，确保像素完美的设计一致性和用户体验优化。关键词：UI/UX设计、Figma审查、前端开发、像素完美、设计保真度、视觉对比、反馈提供。