该技能用于构建交互式、自包含的HTML/JavaScript构件，包括数据可视化、计算器、迷你应用和工具，支持嵌入到网站或作为独立应用使用。适用于创建交互式演示、原型、教育内容及任务特定工具。关键词：HTML, JavaScript, 交互式构件, 数据可视化, 前端开发, Claude.ai, 迷你应用构建, Web开发工具, SEO优化, 交互设计。

Dart Sass是一个功能强大的CSS预处理器工具，用于将Sass/SCSS代码编译为CSS，支持变量、嵌套、混合、函数等高级语法特性，以及模块系统、源映射等，适用于前端开发，提升样式表编写效率和可维护性。关键词：Dart Sass, Sass编译器, CSS预处理器, 前端开发, 样式预编译。

此技能提供Ruby on Rails应用程序的设计系统最佳实践，专注于构建一致、可维护的用户界面。涵盖Turbo、Stimulus、ERB部分、设计令牌等关键技术，适用于前端开发和UI组件架构。关键词：Ruby on Rails, 设计系统, UI一致性, 前端开发, Turbo, Stimulus, 组件化, 视图优化。

此技能专为Rails应用程序设计，用于高效选择和集成预构建的UI块到视图中，支持新页面创建和现有UI重构，确保行为一致、可访问性优化，并兼容Turbo和Stimulus框架。关键词：Rails, UI块, 视图开发, 前端集成, 可访问性, Turbo, Stimulus。

这是一个用于技术文档处理的高级技能，专注于Markdown和MDX文件的解析、验证、检查和转换。它支持CommonMark和GitHub Flavored Markdown标准，能够集成MDX组件、配置remark/rehype插件、验证Front Matter元数据，并提供代码检查、链接验证、表格格式化等功能。适用于文档自动化、质量保证和内容转换工作流。关键词：Markdown处理，MDX组件，文档自动化，代码检查，技术文档，前端文档工具。

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

Markdown URL 代理技能是一个自动化工具，用于将网页URL重写为通过markdown.new服务访问，从而获取页面的Markdown格式内容。该技能主要用于网页内容提取、文档阅读、笔记整理和文本摘要，适用于技术文档、博客文章、GitHub讨论等只读场景。它能提供更干净、可复制的文本视图，提升信息处理效率。关键词：Markdown转换，URL重写，内容提取，网页转Markdown，文档整理，自动化工具。

图像优化技能专注于通过采用现代图像格式如WebP和AVIF、实施响应式图片技术、以及启用懒加载等策略，来提升网站加载速度和用户体验。适用于网页开发、前端优化场景。关键词：图像优化，网页性能，响应式图片，懒加载，前端开发。

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

此技能提供Makepad框架的故障排除、代码质量优化、自适应布局等参考资料，帮助开发者解决常见错误、优化代码结构，并实现跨平台UI开发。关键词：Makepad、调试、代码质量、响应式布局、API文档、故障排除、参考文档。

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

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