前端开发 Skill技能列表
Multi-StepFormPatternsSkill Multi-StepFormPatterns
专家级框架，用于构建使用向导模式、逐步披露、验证和持久性策略的复杂表单，以提高完成率和用户体验。
shadcn/ui组件模式Skill shadcn/uiComponentPatterns
shadcn/ui 是一个基于 Radix UI 原语和 Tailwind CSS 的 React 组件库，专注于提供高可访问性、易定制和生产就绪的 UI 组件。
React状态管理Skill state-management
React状态管理技能涉及使用不同的状态管理库和模式来处理React应用中的本地和全局状态。关键词包括React State, React Context, Zustand, Redux Toolkit, TanStack Query, Jotai。
Svelte前端开发最佳实践Skill svelte
这个技能专注于使用 Svelte 5 框架进行高效前端开发，涵盖 TanStack Query 的突变模式管理、shadcn-svelte UI 组件库的集成与最佳实践，以及组件组合和自我封装的设计模式。适用于构建现代化、响应式的单页应用，提升开发效率和用户体验。关键词：Svelte, TanStack Query, shadcn-svelte, 前端开发, 组件开发, 状态管理, UI 设计, 数据突变
无障碍网页设计Skill accessibility-patterns
这是一个关于无障碍网页设计的技能，用于构建包容性的网页体验，遵循WCAG指南。关键内容包括语义HTML、ARIA属性、键盘导航、颜色对比和测试策略。关键词：无障碍、网页设计、WCAG、语义HTML、ARIA、前端开发、SEO优化。
图像优化Skill image-optimization
图像优化技能专注于通过采用现代图像格式如WebP和AVIF、实施响应式图片技术、以及启用懒加载等策略，来提升网站加载速度和用户体验。适用于网页开发、前端优化场景。关键词：图像优化，网页性能，响应式图片，懒加载，前端开发。
前端设计Skill frontend-design
该技能专注于创建独特、生产级的前端界面，强调高质量设计和创意代码实现，避免通用的AI美学。适用于构建Web组件、页面和应用程序，关键词包括前端设计、Web开发、UI/UX、创意编码、美学界面。
设计实现审查员Skill design-implementation-reviewer
设计实现审查员是一种技能，专门用于验证前端UI实现是否与Figma设计规范匹配，通过视觉对比、系统审查和反馈提供，确保像素完美的设计一致性和用户体验优化。关键词：UI/UX设计、Figma审查、前端开发、像素完美、设计保真度、视觉对比、反馈提供。
TypeScript严格类型验证器Skill type-validator
这个技能专注于检查和修复 TypeScript 代码中的类型安全问题，包括 any 类型检测、类型定义完整性、Zod 验证集成、路径别名类型检查和 Biome 配置集成，旨在提升代码质量、减少运行时错误并优化开发效率。关键词：TypeScript, 类型检查, 严格模式, any类型修复, Zod验证, 路径别名, Biome集成, 代码质量, 开发效率。
Makepad调试与参考Skill makepad-reference
此技能提供Makepad框架的故障排除、代码质量优化、自适应布局等参考资料，帮助开发者解决常见错误、优化代码结构，并实现跨平台UI开发。关键词：Makepad、调试、代码质量、响应式布局、API文档、故障排除、参考文档。
Makepad平台技能Skill makepad-platform
这个技能专注于Makepad跨平台开发，提供平台支持、条件编译和平台API使用指导，帮助开发者在macOS、Windows、Linux、iOS、Android、Web等多个操作系统上构建兼容且高性能的应用。关键词：Makepad、跨平台开发、平台支持、条件编译、OsType、图形后端、前端UI。
算法艺术生成Skill algorithmic-art
此技能专为使用p5.js创建算法艺术而设计，涵盖算法哲学构思、交互式生成艺术实现和参数探索。它结合计算美学与前端开发，允许用户通过种子随机性和动态控件生成独特艺术变体。适用于生成艺术、前端开发、交互设计等领域。关键词：算法艺术、生成艺术、p5.js、交互式艺术、前端开发、种子随机性、参数控制、计算美学。