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

熊猫CSS是一个CSS框架，用于前端开发，通过提供实用类来简化网页样式编写，支持响应式设计和快速原型构建，提升开发效率和代码可维护性。关键词：CSS框架、前端开发、响应式设计、实用优先、网页样式、网页界面、快速开发。

该技能用于设计和实现响应式图像优化管道，支持多种现代图像格式（如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, 前端开发, 后端开发。

OG图像设计技能专注于创建和优化Open Graph（OG）图像，用于社交媒体平台的链接预览和分享。它涵盖平台规格、文本布局、品牌元素、动态生成及SEO优化，适用于博客缩略图、社交卡片等场景。关键词：Open Graph, 社交分享图像, OG图像设计, 前端开发, SEO优化

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

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

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

这个技能专注于TypeScript编程语言的开发和优化，强调类型安全、高级类型系统、严格模式配置和现代化开发模式。适用于构建类型安全的应用程序、重构JavaScript到TypeScript、实现复杂类型定义，并涵盖前端和后端开发。关键词：TypeScript，类型安全，前端开发，后端开发，软件工程，严格模式，高级类型，测试驱动开发。

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

该技能用于自动生成和验证前端工具fe-tools的文档，通过运行TypeDoc命令生成API文档输出，确保代码与文档对齐，提升开发效率和维护性。适用于文档更新、TypeDoc输出生成和文档验证场景。关键词：文档生成、TypeDoc、前端开发、fe-tools、文档验证、代码同步、API文档、开发工具。