可视化画布沙盒是一个用于实时预览和代理驱动UI开发的工具。它允许用户通过简单的命令将HTML内容推送到一个动态更新的画布服务器，实现快速原型设计、仪表板构建和界面预览。该工具支持截图、状态监控和内容重置，是前端开发、UI/UX设计和实时协作场景下的高效助手。关键词：HTML画布，实时预览，UI沙盒，前端开发，仪表板，代理驱动界面。

这个技能提供了React开发的最佳实践指南，涵盖hooks使用、组件设计模式、状态管理策略和性能优化技巧。适用于前端开发者、React学习者和代码审查场景，帮助提升开发效率和代码质量。关键词：React、TypeScript、Next.js、hooks、组件模式、状态管理、性能优化、前端开发、代码审查。

这是一个用于创建复杂Claude.ai HTML工件的工具套件，基于现代前端技术如React、Tailwind CSS和shadcn/ui，支持状态管理、路由等高级功能，帮助开发者快速构建多组件前端应用。关键词：前端开发、React、TypeScript、Vite、Tailwind CSS、shadcn/ui、HTML工件、Claude.ai、工具套件、状态管理、路由。

这个技能通过将动画SVG元素包装在div中，启用硬件加速以优化动画性能。适用于前端开发，特别是在像素艺术和8位复古风格的动画中，提高流畅度和用户体验。关键词：SVG动画、硬件加速、性能优化、前端开发、像素艺术、CSS变换、GPU加速。

该技能用于为 8-bit 风格组件创建和维护结构化文档，包括组件预览、使用示例、属性表格和导入指南，旨在提高前端组件库的文档质量和用户体验。关键词：8-bit 组件、文档编写、前端开发、组件库、SEO 优化。

泳道可视化技能用于设计泳道用户界面模式，以实时可视化AI Developer Workflow的执行。适用于构建观测性仪表板、监控代理工作流进度和创建实时状态显示。关键词包括：泳道可视化、UI设计、前端开发、实时更新、AI工作流、WebSocket集成、事件监控、工作流调试。

该技能用于通过Rube MCP和Composio工具包自动化Zeplin设计任务，包括自动发现工具、管理连接和执行操作，适用于前端开发流程中的设计协作和自动化工作流，提高效率。关键词：Zeplin自动化、Rube MCP、Composio、前端开发、设计协作、自动化工具。

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

这个技能专注于设计和开发高端的前端用户界面，集成了真实或自定义图像，用于提升视觉吸引力和功能性。关键词包括前端开发、UI设计、图像处理、Web开发、美学设计、响应式界面、SEO优化。

ESLint配置技能专注于JavaScript代码质量的检查和规范设置，提供全面的配置文件、插件、环境配置知识，适用于前端开发、代码审查和CI/CD集成。关键词：ESLint、配置、JavaScript、代码质量、前端开发、插件、环境设置。

这个技能专注于使用Tailwind CSS实用类构建一致、可扩展的设计系统，涵盖自定义主题、设计令牌、响应式布局和深色模式实现。适用于前端开发、UI设计、设计系统、响应式设计、Tailwind CSS、实用类样式管理。

这个技能用于审查UI代码是否符合Web界面指南，确保网站的可访问性、用户体验和设计规范。它可以自动获取最新指南、检查代码合规性并提供简洁报告，帮助开发者提升网站质量和遵循最佳实践。关键词：UI代码审查，Web界面指南，可访问性检查，设计审核，UX审查，最佳实践，自动化工具。