该技能用于设计和开发高质量、独特的前端用户界面，强调创意美学和避免通用AI设计。适用于网页组件、页面和应用程序构建，生成生产级代码和视觉冲击力强的UI，提升用户体验。关键词：前端开发、UI设计、创意界面、网页设计、高质量代码、生产级、美学、独特设计、SEO。

该技能用于编写和更新fe-tools项目中导出函数的双语（中文+英文）JSDoc文档，确保文档准确性和一致性，提升代码可读性、维护性和团队协作效率。关键词：双语JSDoc、文档编写、前端开发、代码注释、fe-tools、JSDoc修复、TypeScript兼容。

该技能专注于为前端开发工具中的函数编写双语（中文和英文）JSDoc 文档，以提升代码可读性、维护性和团队协作效率，适用于国际化项目。关键词：JSDoc、双语文档、前端开发、代码注释、文档生成、软件开发工具。

此技能提供 Ruby on Rails 中 Hotwire 框架的最佳实践指南，用于构建高性能、交互式 Web 应用。涵盖 Turbo Drive、Turbo Frames、Turbo Streams、Turbo 8 形态变换和 Stimulus 控制器的使用，优化导航、部分页面更新、实时广播、错误处理和渐进增强。关键词：Rails, Hotwire, Turbo, Stimulus, 交互式应用, 实时更新, 前端优化, Web 开发, 最佳实践。

此技能专为Rails应用程序设计，用于高效选择和集成预构建的UI块到视图中，支持新页面创建和现有UI重构，确保行为一致、可访问性优化，并兼容Turbo和Stimulus框架。关键词：Rails, UI块, 视图开发, 前端集成, 可访问性, Turbo, Stimulus。

这个技能用于优化TypeScript应用程序的性能，包括配置tsconfig.json以加速编译、优化类型系统减少计算成本、改进异步模式提升运行时效率、组织模块管理导入、确保类型安全和内存管理等。适用于开发者在编写TypeScript代码时解决性能瓶颈、修复类型错误和提升编译速度。关键词：TypeScript，性能优化，编译加速，类型安全，异步编程，模块组织，内存管理，开发效率。

这个技能用于审查UI代码是否符合Web界面指南，确保网站的可访问性、用户体验和设计规范。它可以自动获取最新指南、检查代码合规性并提供简洁报告，帮助开发者提升网站质量和遵循最佳实践。关键词：UI代码审查，Web界面指南，可访问性检查，设计审核，UX审查，最佳实践，自动化工具。

TypeScript类型专家技能专注于解决高级TypeScript类型系统挑战，包括复杂泛型、条件类型、模板字面量类型、类型推断、性能优化和类型级编程。适用于处理递归类型、品牌类型、实用类型创作和类型性能问题。关键词：TypeScript, 类型系统, 泛型, 条件类型, 模板字面量, 类型推断, 性能优化, 递归类型, 品牌类型, 实用类型

这个技能专注于使用 Svelte 5 框架进行高效前端开发，涵盖 TanStack Query 的突变模式管理、shadcn-svelte UI 组件库的集成与最佳实践，以及组件组合和自我封装的设计模式。适用于构建现代化、响应式的单页应用，提升开发效率和用户体验。关键词：Svelte, TanStack Query, shadcn-svelte, 前端开发, 组件开发, 状态管理, UI 设计, 数据突变

这个技能提供了在 React 应用中，使用 Zustand 进行状态管理的完整设置指南，特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践，用于构建可扩展、类型安全的全局状态。关键词：Zustand，状态管理，React，TypeScript，持久化，中间件，前端开发，JavaScript，Redux 替代。

TypeScript 专家技能专注于 TypeScript 和 JavaScript 的类型级编程、性能优化、迁移策略和现代工具链使用。用于解决复杂类型问题、构建优化、调试和架构决策。关键词：TypeScript, JavaScript, 类型编程, 性能优化, 前端开发, 迁移, 工具链, 代码审查, 调试。

图像优化技能专注于通过采用现代图像格式如WebP和AVIF、实施响应式图片技术、以及启用懒加载等策略，来提升网站加载速度和用户体验。适用于网页开发、前端优化场景。关键词：图像优化，网页性能，响应式图片，懒加载，前端开发。