前端开发 Skill技能列表
Bun开发技能Skill bun-development
Bun开发技能专注于使用Bun运行时进行现代JavaScript和TypeScript开发，涵盖包管理、打包、测试和从Node.js迁移。适用于提升开发速度、优化项目性能或迁移现有Node.js项目。关键词：Bun, JavaScript, TypeScript, 开发工具, 包管理, 测试框架, 性能优化, 迁移指南。
Web开发最佳实践Skill best-practices
这个技能用于应用现代Web开发最佳实践，以提升网站安全性、浏览器兼容性和代码质量。包括HTTPS实施、内容安全策略(CSP)、安全头设置、依赖库漏洞检查、输入消毒、cookie安全等。适用于安全审计、代码现代化、代码质量审查、漏洞检查等场景。关键词：Web开发、最佳实践、安全、兼容性、代码质量、前端开发、HTTPS、CSP、输入消毒、漏洞审计。
AvaloniaZafiro开发Skill avalonia-zafiro-development
该技能定义了使用 Avalonia UI 和 Zafiro 工具包开发跨平台应用程序的强制性约定和行为规则，优先考虑可维护性、正确性和函数式反应式方法。它用于规范开发流程、提高代码质量和跨平台兼容性，关键词包括：Avalonia UI, Zafiro 工具包, 跨平台开发, MVVM, 函数式编程, 反应式编程, 错误处理, 代码规范。
AvaloniaViewModelsZafiro开发技能Skill avalonia-viewmodels-zafiro
此技能专注于在 Avalonia 应用程序中使用 Zafiro 和 ReactiveUI 创建 ViewModel、Wizard 和管理导航的最佳实践。关键词：Avalonia, Zafiro, ReactiveUI, ViewModel, Wizard, 导航, 软件开发, 前端开发, 跨平台应用。
Avalonia布局与Zafiro.Avalonia技能Skill avalonia-layout-zafiro
本技能专注于通过 Zafiro.Avalonia 库实现 Avalonia UI 的现代化、清洁和可维护布局，利用语义容器、共享样式和最小化 XAML 冗余，提升开发效率和代码质量。关键词：Avalonia UI, Zafiro.Avalonia, UI布局优化, 语义容器, 共享样式, XAML简化, 前端开发。
构件构建器Skill artifacts-builder
构件构建器是一个前端开发工具套件，专门用于创建和打包复杂、多组件的Claude.ai HTML构件。它集成了React、TypeScript、Vite、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，并能将项目捆绑成单个HTML文件，便于分享和部署。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、构件构建、Vite、Parcel。
Algolia搜索集成技能Skill algolia-search
此技能提供Algolia搜索的集成解决方案，涵盖React InstantSearch hooks使用、Next.js服务器端渲染、数据同步和索引策略。适用于开发者在Web应用中添加高效的搜索功能。关键词：Algolia搜索、React、InstantSearch、Next.js、SSR、索引策略、数据同步。
无障碍设计Skill accessibility
这个技能用于审计和改善网站的无障碍访问，遵循WCAG 2.1指南，确保内容对所有用户包括残障人士可用。涉及文本替代、颜色对比、键盘导航、屏幕阅读器支持等关键方面。关键词：无障碍访问、WCAG、屏幕阅读器、键盘导航、a11y、颜色对比、ARIA、HTML有效性。
Figma到React代码转换技能Skill design-to-code
这个技能用于将Figma设计文件自动转换为高质量的React + TypeScript组件代码，确保像素完美的视觉还原。它通过辅助脚本简化流程，支持错误恢复，提高前端开发效率。关键词包括Figma、React、TypeScript、代码生成、前端开发、自动化、像素完美。
TypeScript高级类型Skill typescript-advanced-types
TypeScript高级类型技能用于掌握TypeScript语言的高级类型系统，包括泛型、条件类型、映射类型、模板文字类型和实用类型，帮助开发者构建类型安全的应用程序，提高代码可维护性和编译时安全性。关键词：TypeScript, 高级类型, 类型安全, 泛型, 条件类型, 映射类型, 模板文字类型, 实用类型, 应用程序开发, 类型推断。
响应式设计Skill responsive-design
响应式设计是一种现代网页开发技能，用于创建自适应不同屏幕尺寸和设备的用户界面。它涵盖容器查询、流体排版、CSS网格、移动优先断点策略等核心技术，关键词包括响应式布局、自适应设计、前端开发、网页优化和用户体验，适合SEO搜索。
FigmaAPI集成与设计自动化Skill figma
这个技能用于通过Figma API提取设计令牌、生成React/CSS代码、同步设计系统、自动化设计到代码工作流，并支持Figma插件开发和Dev模式集成。关键词包括Figma API、设计令牌、代码生成、前端开发、自动化工作流、React组件、Tailwind CSS、设计系统。