本技能专注于在Makepad应用程序中实现事件处理和动作模式的最佳实践，基于Robrix和Moly代码库。它提供了自定义动作定义、小部件事件处理、集中动作处理以及异步动作集成等模式，适用于UI开发和前端应用构建。关键词：Makepad事件处理，动作模式，UI开发，Rust编程，Robrix，Moly，小部件动作，异步处理，前端框架。

这个技能专注于Makepad框架中的着色器编程，用于帮助用户编写和解释着色器代码，包括生成shader代码、回答问题、解释Sdf2d和GLSL函数。适用于前端开发和图形渲染，关键词包括：Makepad, 着色器, SDF, GLSL, 前端开发, 图形编程, UI设计。

这个技能专注于Makepad跨平台开发，提供平台支持、条件编译和平台API使用指导，帮助开发者在macOS、Windows、Linux、iOS、Android、Web等多个操作系统上构建兼容且高性能的应用。关键词：Makepad、跨平台开发、平台支持、条件编译、OsType、图形后端、前端UI。

这个技能涉及使用Anthony Fu推荐的工具和最佳实践来设置和配置JavaScript/TypeScript项目。它包括代码组织、TypeScript配置、ESLint设置、Git hooks、包管理工具（如pnpm）等，旨在提高开发效率和代码质量。关键词：JavaScript, TypeScript, 项目配置, 开发工具, Anthony Fu, ESLint, Prettier, monorepo, 库发布。

这个技能提供新闻网站、学术平台等的可访问性合规模式，用于构建无障碍界面、审计网站的WCAG合规性、编写图像替代文本、创建可访问数据可视化、确保多媒体内容可访问，并满足法律要求。它帮助开发人员和内容发布者确保所有读者（包括使用辅助技术的用户）都能平等访问网络内容。关键词：可访问性、无障碍设计、WCAG、新闻网站、数据可视化、图像替代文本、键盘导航、屏幕阅读器。

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

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

此技能提供 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。

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

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

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