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

这个技能用于在fe-tools项目中添加或修改实用程序函数，涵盖前端、后端、Canvas和AI等环境，提高开发效率，支持工具库扩展和模块化开发。关键词：实用函数、fe-tools、前端开发、工具函数、模块化开发、TypeScript、SEO。

此技能用于在fe-tools中添加或修改实用函数，涵盖从需求分析到代码实现的完整工作流程，包括包选择、避免重复、类型安全、文档编写、测试和验证。关键词：实用函数、前端开发、代码添加、JSDoc、单元测试。

此技能用于基于Shadcn UI库、Radix UI原语和Tailwind CSS，开发可访问、可定制的前端UI组件库，支持创建组件库、实现常见UI模式、构建表单、数据表、命令面板等，适用于构建设计系统和可维护的前端代码。关键词：Shadcn UI、Radix UI、Tailwind CSS、可访问组件、UI模式、表单验证、数据表、前端开发、设计系统。

该技能提供Vite应用的全面性能优化指南，包括依赖预捆绑、插件性能、包优化等关键规则，适用于前端开发人员在配置Vite项目时进行性能优化。关键词包括Vite、性能优化、前端开发、构建工具、Web开发、包分析、热模块替换。

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

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

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

这个技能用于执行全面的网站质量审计，基于Google Lighthouse工具，覆盖性能、可访问性、SEO和最佳实践等方面。它提供详细的问题分析、修复建议和代码示例，帮助开发者优化网站用户体验、提升搜索排名并确保技术合规。关键词包括网站审计、性能优化、可访问性测试、SEO检查、Lighthouse、前端优化、Web开发。

这个技能旨在帮助开发者掌握现代React应用开发的核心模式和最佳实践。涵盖组件设计、Hook使用、状态管理、性能优化、TypeScript集成、错误处理和测试策略。适用于前端工程师和全栈开发者，提升React应用的可维护性、性能和开发效率。关键词：React, Hooks, 组件设计, 状态管理, TypeScript, 性能优化, 测试, 前端开发。

这个技能专注于使用TypeScript进行React前端开发，提供类型安全保证，覆盖React 18-19的特性，如通用组件、事件处理、服务器组件和路由集成。关键词：React, TypeScript, 前端开发, 类型安全, 组件开发, 钩子, 服务器组件, 路由集成。

这是一个关于 Tailwind CSS 版本4 的现代 CSS 模式技能，用于快速、可维护的前端样式开发。它基于实用优先原则，支持 CSS 原生配置、容器查询和设计令牌，提升响应式设计效率和代码维护性。关键词：Tailwind CSS, CSS 框架, 前端开发, 样式设计, 容器查询, 设计令牌, 响应式设计, 现代布局。