使用 React Hook Form 和 Zod 构建类型安全、经过验证的表单，提高数据质量，减少表单放弃，提升用户体验。

React最佳实践和模式是一个专家级框架，用于构建使用函数组件、钩子、状态管理模式、性能优化和测试策略的React应用程序，以实现可维护和可扩展的代码。

Tailwind CSS 是一个专家级框架，用于使用基于公用类的 CSS 快速构建 UI，实现一致的设计系统、响应式布局和生产优化样式。

.NET UI 框架的可访问性实现技能，涵盖语义标记、键盘导航、焦点管理、颜色对比和屏幕阅读器集成。针对 Blazor、MAUI、WinUI 等框架提供跨平台无障碍开发指导，关键词：.NET、可访问性、无障碍、UI 开发、Blazor、MAUI、WinUI、WCAG。

Zod 是一个 TypeScript 优先的架构验证库，用于在运行时验证数据并自动推断静态类型。它支持定义类型安全架构，进行数据转换，生成 JSON Schema，并处理错误，适用于 API 验证、表单数据、环境变量等场景。关键词：Zod, TypeScript, 验证, 架构, 类型安全, 运行时验证, 错误处理, JSON Schema, 数据转换。

这个技能用于进行全面的Web性能审计和优化，包括核心Web指标（如LCP、FID、CLS、INP）测量、瓶颈识别、优化策略实施和性能预算设置，帮助改善页面加载时间、用户体验和网站性能，适用于前端开发、性能审查和SEO优化。关键词：Web性能审计、核心Web指标、优化建议、页面加载、用户体验、前端优化。

这个技能专注于使用Bun作为运行时来运行和优化Next.js应用程序，以提高开发速度、构建效率和性能。它涵盖了项目设置、配置、Bun API集成、部署和常见问题解决，适用于全栈Web开发。关键词：Bun, Next.js, Web开发, 全栈, 服务器端渲染, Bun运行时, 性能优化, 快速开发。

这个技能用于专业审查JavaScript和Stimulus前端代码中的竞态条件，确保UI时序正确和界面质量。它覆盖了DOM事件处理、Promise管理、定时器取消、CSS动画、并发操作跟踪等关键领域，特别兼容Hotwire和Turbo框架。关键词包括：前端开发、JavaScript、Stimulus、竞态条件、代码审查、UI质量、时序控制、数据竞态、Turbo、Hotwire、Promise、setTimeout、CSS动画、状态管理、DOM操作、前端优化。

这是一个AI编程助手技能，专注于帮助开发者通过应用编码标准和最佳实践来编写高质量的前端代码。技能提供HTML、Tailwind CSS和原生JavaScript的代码审查、改进建议和规范解释，旨在提升代码清晰度、可读性和开发效率。关键词：HTML, Tailwind CSS, JavaScript, 代码审查, 前端开发, 最佳实践, AI助手, 编码规范, 代码重构, 开发工具。

这个技能专注于Makepad框架的UI组件开发，帮助用户编写代码、解答问题，并提供详细的文档和模式。关键词包括：Makepad, 小部件, UI组件, Rust, 前端开发, UI设计, 富文本渲染。

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

该技能用于构建和编译fe-tools monorepo包，涉及执行npm build命令、诊断TypeScript编译错误并提供修复，以确保前端开发项目的代码质量。关键词：构建，编译，TypeScript，monorepo，前端工具，错误处理，npm。