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

Next.js Server Actions 是一种技术，允许在Next.js应用中定义服务器端函数来处理表单提交、数据变异等操作，无需编写API路由。它简化了前端与后端的交互，提高了开发效率和用户体验。关键词：Next.js、服务器操作、表单处理、数据变异、useFormState、useFormStatus、revalidatePath、revalidateTag。

这个技能帮助用户浏览和选择颜色调色板，特别针对前端设计项目。它可以从Coolors网站获取趋势调色板，提取十六进制代码，映射到Tailwind配置，并提供策展的后备方案。适用于设计师和开发人员，方便快速选择和应用颜色方案。关键词：颜色调色板、前端设计、Coolors、Tailwind、CSS变量、颜色映射、调色板策展。

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

这是一个自动化工具，用于比较和调整Figma设计与Web实现之间的视觉差异，确保设计一致性，提高前端开发效率和质量。关键词包括Figma、设计同步、CSS、Tailwind、Web开发、自动化、响应式设计。

该技能用于设计和实现响应式图像优化管道，支持多种现代图像格式（如AVIF和WebP），集成懒加载、srcset和CDN交付，适用于不同前端框架（如Next.js、Blazor），以提升网页性能、用户体验和SEO效果。关键词：图像优化、响应式设计、懒加载、srcset、WebP、AVIF、前端开发、性能优化。

该技能专注于实现响应式图像、优化图像格式和处理图像管道，包括生成srcset、转换到WebP/AVIF、懒加载和提供图像转换API，适用于无头CMS和现代Web开发。关键词：图像优化，响应式图像，WebP转换，AVIF转换，懒加载，图像处理API，焦点裁剪，性能优化。

JavaScript开发技能，用于编写现代、干净的JavaScript和TypeScript代码，包括异步编程、Node.js开发、浏览器兼容性处理等。关键词：JavaScript, TypeScript, 异步编程, Node.js, 前端开发, 后端开发。

Makepad布局技能是一个专门用于Makepad UI框架的布局系统工具，帮助开发者编写布局代码、解释布局概念，如宽度、高度、对齐等，并生成Rust代码模式。关键词：Makepad, UI布局, Rust, 前端开发, 布局系统, GUI设计

Makepad字体渲染技能是一个专业用于在Makepad框架中进行字体配置、文本布局和GPU-based文本渲染的工具。它利用SDF（签名距离场）技术确保文本在任何分辨率下保持清晰，支持字体家族、大小、样式配置，以及文本整形和布局管理。关键词：Makepad, 字体渲染, 文本布局, SDF, GPU, 字体配置, 文本整形, 字体图集, 前端开发, UI框架

这个技能提供了Makepad动画系统的全面指南，专注于使用Rust编程语言创建用户界面的平滑动画和交互效果。它包括编写动画代码、定义状态和过渡、使用缓动函数和时间线，适用于前端GUI开发。关键词：Makepad, 动画, Rust, 用户界面, 前端开发, GUI, 交互设计, 缓动, 状态机

此技能专为使用p5.js创建算法艺术而设计，涵盖算法哲学构思、交互式生成艺术实现和参数探索。它结合计算美学与前端开发，允许用户通过种子随机性和动态控件生成独特艺术变体。适用于生成艺术、前端开发、交互设计等领域。关键词：算法艺术、生成艺术、p5.js、交互式艺术、前端开发、种子随机性、参数控制、计算美学。