前端开发 Skill技能列表
添加实用函数Skill add-utils-function
这个技能用于在fe-tools项目中添加或修改实用程序函数，涵盖前端、后端、Canvas和AI等环境，提高开发效率，支持工具库扩展和模块化开发。关键词：实用函数、fe-tools、前端开发、工具函数、模块化开发、TypeScript、SEO。
双语JSDoc文档编写Skill bilingual-jsdoc
该技能专注于为前端开发工具中的函数编写双语（中文和英文）JSDoc 文档，以提升代码可读性、维护性和团队协作效率，适用于国际化项目。关键词：JSDoc、双语文档、前端开发、代码注释、文档生成、软件开发工具。
TypeScript严格模式Skill typescript-strict
此技能专注于TypeScript中的类型安全实践，通过启用严格模式、添加精确的类型定义、消除any类型、使用工具类型等方法，确保代码的健壮性和可靠性，有效预防运行时错误。关键词：TypeScript、类型安全、严格模式、类型定义、类型错误、工具类型、类型守卫、泛型、代码质量。
JSON画布技能Skill json-canvas
JSON画布技能用于创建和编辑JSON Canvas文件（.canvas），这是一种用于无限画布数据的开放文件格式，适用于Obsidian等应用，可用于视觉画布、思维导图、流程图、项目板的制作。关键词：JSON Canvas，画布文件，思维导图，流程图，Obsidian，可视化，节点，边。
Zustand状态管理技能Skill zustand-state-management
这个技能提供了在 React 应用中，使用 Zustand 进行状态管理的完整设置指南，特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践，用于构建可扩展、类型安全的全局状态。关键词：Zustand，状态管理，React，TypeScript，持久化，中间件，前端开发，JavaScript，Redux 替代。
TailwindCSS设计系统构建Skill tailwind-design-system
这个技能专注于使用Tailwind CSS实用类构建一致、可扩展的设计系统，涵盖自定义主题、设计令牌、响应式布局和深色模式实现。适用于前端开发、UI设计、设计系统、响应式设计、Tailwind CSS、实用类样式管理。
ShadcnUI组件库Skill shadcn-ui-components
此技能用于使用 shadcn/ui、Radix UI 和 Tailwind CSS 构建美观、可访问、可自定义的 UI 组件库。适用于前端开发中的组件库创建、常见 UI 模式实现（如对话框、下拉菜单、表单验证、数据表格、命令面板）、设计系统构建，以及提升开发效率和用户体验。关键词：前端开发、UI 组件、可访问性、Tailwind CSS、Radix UI、shadcn/ui、组件库、表单验证、数据表格、设计系统。
RailsHotwire开发技能Skill rails-hotwire
此技能提供 Ruby on Rails 中 Hotwire 框架的最佳实践指南，用于构建高性能、交互式 Web 应用。涵盖 Turbo Drive、Turbo Frames、Turbo Streams、Turbo 8 形态变换和 Stimulus 控制器的使用，优化导航、部分页面更新、实时广播、错误处理和渐进增强。关键词：Rails, Hotwire, Turbo, Stimulus, 交互式应用, 实时更新, 前端优化, Web 开发, 最佳实践。
高级前端设计与开发Skill frontend-design
此技能专注于创建高质量、独特的前端界面设计，避免通用AI美学。应用于网站、应用开发，注重创意、细节和代码质量，关键词包括前端设计、UI界面、创意开发、生产级代码、美学优化。
前后端需求沟通Skill frontend-to-backend-requirements
这个技能用于前端开发者向后端开发者沟通数据需求，确保用户界面能正确渲染。它包括描述所需显示的数据、用户可以执行的操作、需要处理的UI状态等，而不涉及具体的实现细节。关键词：前端开发、后端开发、需求沟通、API设计、协作开发、软件开发。
无障碍专家Skill accessibility-expert
无障碍专家技能专注于确保网站和应用程序对所有用户可访问，包括残障人士。它涉及WCAG标准合规、ARIA属性实现、屏幕阅读器优化、键盘导航测试等。关键词：Web可访问性、WCAG、ARIA、屏幕阅读器、键盘导航、无障碍测试。
NuxtStudio设置与部署Skill NuxtStudio
此技能用于设置和部署Nuxt Studio，这是一个为Nuxt Content网站提供的免费开源可视化内容编辑器。它支持多种编辑器类型（如Monaco代码编辑器、TipTap可视化编辑器）、OAuth认证（GitHub/GitLab/Google）和基于Git的内容管理，可轻松配置子域名（如studio.domain.com）并部署到Cloudflare等平台。关键词：Nuxt Studio, Nuxt Content, 可视化编辑器, OAuth认证, Cloudflare部署, 内容管理, CMS, 前端开发