这个技能用于为多站点/多租户 CMS 设计和实现主题化架构，包括设计 tokens、CSS 变量、Tailwind 配置等，支持品牌定制和前端开发集成。适用于网站主题管理、品牌一致性维护和用户体验优化。关键词：主题设计、设计 tokens、CSS 变量、Tailwind、多站点、CMS、前端开发。

JavaScript开发技能，用于编写现代、干净的JavaScript和TypeScript代码，包括异步编程、Node.js开发、浏览器兼容性处理等。关键词：JavaScript, TypeScript, 异步编程, Node.js, 前端开发, 后端开发。

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

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

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

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

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

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

CSS样式架构与设计专家专注于前端CSS技术，提供全面的CSS架构、响应式设计、性能优化、可访问性解决方案和设计系统实现。关键词包括CSS、前端开发、样式设计、CSS Grid、Flexbox、CSS-in-JS、性能调优、响应式设计、可访问性、设计系统、跨浏览器兼容性、Web性能、SEO优化、用户体验、代码质量。

这个技能提供了在 React 应用中，使用 Zustand 进行状态管理的完整设置指南，特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践，用于构建可扩展、类型安全的全局状态。关键词：Zustand，状态管理，React，TypeScript，持久化，中间件，前端开发，JavaScript，Redux 替代。

这个技能专注于在Next.js应用中集成Supabase身份验证，提供安全、高效的认证解决方案，包括客户端设置、中间件保护、回调处理等，适用于构建需要用户登录和权限控制的Web应用。关键词：Next.js, Supabase, 身份验证, 认证, 中间件, 路由保护, App Router。

这个技能用于创建和维护可扩展的UI设计系统工具包，通过设计令牌生成、组件架构、响应式设计计算等功能，提高前端开发效率、确保视觉一致性，并促进设计-开发团队协作。关键词：UI设计系统、设计令牌、组件文档、响应式设计、可访问性、开发者交接、前端开发工具、设计系统构建。