esbuild 是一个极速的 JavaScript 和 TypeScript 打包器与构建工具。本技能提供关于配置 esbuild、编写自定义插件、优化构建性能（如代码压缩、Tree Shaking）、处理 TypeScript 编译以及为不同环境（Node.js、浏览器）生成产出的专家级指导。适用于前端开发、工具链构建和 DevOps 流程优化。关键词：esbuild，JavaScript 打包，TypeScript 编译，构建优化，前端工具，插件开发，快速构建。

Tauri WebView调试器是一款专门用于自动化调试Tauri桌面应用程序WebView组件的工具集。它通过集成官方插件实现进程监控、自动截图、控制台日志收集和运行时状态分析，帮助开发者快速定位UI问题、运行时错误和WebView相关故障。主要功能包括：自动化调试工作流、跨平台截图捕获、前后端日志集成、WebView状态快照和结构化调试报告生成。适用于Tauri应用开发、桌面应用调试、WebView问题排查和跨平台应用测试场景。 关键词：Tauri调试，WebView调试，桌面应用调试，自动化测试，日志收集，截图工具，跨平台开发，Rust前端，Tauri插件，故障排查

本技能指南详细介绍了如何为Claude代码助手创建和管理.claude/rules/目录下的模块化规则文件。内容涵盖规则文件的正确格式、路径限定方法、常见错误避免以及目录结构组织。适用于开发者在项目中配置Claude代码助手的行为规范，提高代码一致性和开发效率。关键词：Claude规则，代码助手配置，开发规范，路径限定，glob模式，前端开发工具

响应式网页设计是一种网页开发技术，它使用CSS Grid、Flexbox、媒体查询等现代CSS技术，以创建适应不同屏幕尺寸和设备类型的网页布局。

利用Supabase和Drizzle ORM构建Next.js应用，实现认证、数据库查询和实时数据更新。

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

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

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

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、交互式艺术、前端开发、种子随机性、参数控制、计算美学。