这个技能用于自动审查网页UI代码，确保其符合最新网页界面指南，提升可访问性、用户体验和设计质量。适用于前端开发中的代码审计和最佳实践检查，关键词包括UI审查、可访问性、设计审核、网页设计、界面指南、a11y、可用性、代码审查。

React最佳实践和模式是一个专家级框架，用于构建使用函数组件、钩子、状态管理模式、性能优化和测试策略的React应用程序，以实现可维护和可扩展的代码。

使用XState的状态机是一个专家级框架，用于通过有限状态机和状态图来建模应用逻辑，以实现可预测的状态管理和优化开发体验。

Tailwind CSS 是一个专家级框架，用于使用基于公用类的 CSS 快速构建 UI，实现一致的设计系统、响应式布局和生产优化样式。

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

这项技能专注于利用Bun运行时高效开发和部署SvelteKit应用程序，涵盖服务器端渲染、适配器配置、Bun API集成以及数据库和文件操作等关键功能，适用于快速构建高性能Web应用，关键词包括SvelteKit、Bun、SSR、适配器、数据库操作、文件操作。

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

该技能专注于创建独特、生产级的前端界面，强调高质量设计和创意代码实现，避免通用的AI美学。适用于构建Web组件、页面和应用程序，关键词包括前端设计、Web开发、UI/UX、创意编码、美学界面。

此技能专注于确保UI实现与Figma设计规范之间的像素级匹配，涉及视觉设计原则、CSS、响应式设计和跨浏览器兼容性审查。关键词：UI设计、Figma、实现审查、前端开发、CSS、响应式设计、视觉保真度。

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

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

这个技能用于执行全面的网站质量审计，基于Google Lighthouse工具，覆盖性能、可访问性、SEO和最佳实践等方面。它提供详细的问题分析、修复建议和代码示例，帮助开发者优化网站用户体验、提升搜索排名并确保技术合规。关键词包括网站审计、性能优化、可访问性测试、SEO检查、Lighthouse、前端优化、Web开发。