前端开发 Skill技能列表
Makepad动画技能Skill makepad-animation
这个技能提供了Makepad动画系统的全面指南，专注于使用Rust编程语言创建用户界面的平滑动画和交互效果。它包括编写动画代码、定义状态和过渡、使用缓动函数和时间线，适用于前端GUI开发。关键词：Makepad, 动画, Rust, 用户界面, 前端开发, GUI, 交互设计, 缓动, 状态机
无障碍网页开发(WCAG)Skill accessibility-wcag
此技能专注于构建遵循WCAG 2.1/2.2标准的无障碍网页应用，确保网站对所有用户可访问，包括使用辅助技术的用户。涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计等关键技术。关键词：无障碍开发、WCAG合规、网页可访问性、ARIA、键盘导航、屏幕阅读器、SEO搜索。
Vite性能优化指南Skill vite
该技能提供Vite应用的全面性能优化指南，包括依赖预捆绑、插件性能、包优化等关键规则，适用于前端开发人员在配置Vite项目时进行性能优化。关键词包括Vite、性能优化、前端开发、构建工具、Web开发、包分析、热模块替换。
Rails设计系统指南Skill rails-design-system
此技能提供Ruby on Rails应用程序的设计系统最佳实践，专注于构建一致、可维护的用户界面。涵盖Turbo、Stimulus、ERB部分、设计令牌等关键技术，适用于前端开发和UI组件架构。关键词：Ruby on Rails, 设计系统, UI一致性, 前端开发, Turbo, Stimulus, 组件化, 视图优化。
谷歌JavaScript最佳实践指南Skill js-google
这个技能基于Google官方JavaScript样式指南，提供了JavaScript代码的编写、审查和重构的最佳实践。它涵盖了模块系统、语言特性、类型安全、命名约定等方面，帮助确保代码风格一致和预防常见错误。关键词：JavaScript, 代码风格, 最佳实践, Google指南, 前端开发, 编程规范, 代码审查。
Vite构建优化专家Skill vite-expert
Vite 构建优化专家是一个专注于前端构建工具 Vite 的高级技能。它用于解决 Vite 项目中的各种构建问题，包括开发服务器性能调优、构建过程优化、插件开发和现代 ESM 模式应用。该技能涵盖 ESM-first 开发、热模块替换（HMR）优化、生产构建配置、库模式设置和服务器端渲染（SSR）集成。关键词包括：Vite, 构建优化, ESM, HMR, 插件开发, 生产构建, SSR, 前端开发, 性能调优。
TypeScript类型专家Skill typescript-type-expert
TypeScript类型专家技能专注于解决高级TypeScript类型系统挑战，包括复杂泛型、条件类型、模板字面量类型、类型推断、性能优化和类型级编程。适用于处理递归类型、品牌类型、实用类型创作和类型性能问题。关键词：TypeScript, 类型系统, 泛型, 条件类型, 模板字面量, 类型推断, 性能优化, 递归类型, 品牌类型, 实用类型
高级前端开发Skill senior-frontend
高级前端开发技能提供完整的工具和最佳实践，用于使用ReactJS、NextJS、TypeScript、Tailwind CSS等现代技术构建高性能Web应用程序。涵盖组件生成、包分析、前端脚手架、性能优化和UI最佳实践，适用于前端开发、React、NextJS、TypeScript、Web性能优化、组件库和前端工程化。
ReactuseEffect最佳实践Skill react-useeffect
这个技能是关于React中useEffect钩子的最佳使用实践，提供官方指导，帮助开发者优化代码性能，避免不必要的Effect使用，并学习更好的替代方案。关键词：React, useEffect, 性能优化, 前端开发, 状态管理, 数据获取, 组件同步。
React开发模式与最佳实践Skill react-patterns
这个技能旨在帮助开发者掌握现代React应用开发的核心模式和最佳实践。涵盖组件设计、Hook使用、状态管理、性能优化、TypeScript集成、错误处理和测试策略。适用于前端工程师和全栈开发者，提升React应用的可维护性、性能和开发效率。关键词：React, Hooks, 组件设计, 状态管理, TypeScript, 性能优化, 测试, 前端开发。
ReactTypeScript开发Skill react-dev
这个技能专注于使用TypeScript进行React前端开发，提供类型安全保证，覆盖React 18-19的特性，如通用组件、事件处理、服务器组件和路由集成。关键词：React, TypeScript, 前端开发, 类型安全, 组件开发, 钩子, 服务器组件, 路由集成。
无障碍设计Skill accessibility
这个技能用于审计和改善网站的无障碍访问，遵循WCAG 2.1指南，确保内容对所有用户包括残障人士可用。涉及文本替代、颜色对比、键盘导航、屏幕阅读器支持等关键方面。关键词：无障碍访问、WCAG、屏幕阅读器、键盘导航、a11y、颜色对比、ARIA、HTML有效性。