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

此技能用于定义和生成全面的字体排版系统，包括字体比例、文本样式、响应式规则和CSS代码。它支持模块化、音乐和自定义比例，适用于博客、应用和营销等场景，确保可访问性和设计一致性。关键词：字体排版、模块化比例、文本样式、响应式设计、CSS、前端开发、设计系统、可访问性。

这个技能用于从设计令牌和主题配置生成全面的样式指南文档，支持markdown、HTML和Figma Tokens格式。关键词包括样式指南、设计令牌、主题配置、前端开发、文档生成。

这个技能用于从 JSON 数据快速生成编程语言类型定义，支持 TypeScript、Go、Python 等多种语言，适用于 API 响应类型、配置文件定义等开发场景。关键词：JSON 转换、类型生成、开发工具、代码生成、API 类型定义、快速类型。

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

tsdown是一个基于Rolldown和Oxc的快速、优雅的TypeScript和JavaScript库打包工具，用于构建前端库、生成类型声明文件、支持ESM、CJS、IIFE、UMD等多种输出格式，优化打包大小通过树摇和压缩，适用于库构建、项目迁移和前端开发，关键词包括TypeScript打包、JavaScript库构建、快速Bundler、Rolldown工具、tsdown用法。

前端开发模式技能旨在指导开发者使用 Next.js App Router、Clerk 认证、shadcn/ui 组件和 PostHog 分析的既定最佳实践，确保前端开发一致性、可访问性和用户体验。适用于构建 UI 组件、实现认证流程、添加表单验证、集成分析事件等场景，提升开发效率和代码质量。关键词：前端开发，Next.js，Clerk 认证，shadcn/ui，PostHog 分析，响应式设计，可访问性，模式，最佳实践。

该技能用于构建fe-tools monorepo中的软件包，通过运行npm命令进行TypeScript编译和错误处理，涉及构建、编译、修复等关键词，适用于前端开发流程。

这个技能用于在fe-tools项目中添加或修改实用程序函数，涵盖前端、后端、Canvas和AI等环境，提高开发效率，支持工具库扩展和模块化开发。关键词：实用函数、fe-tools、前端开发、工具函数、模块化开发、TypeScript、SEO。

此技能用于在fe-tools中添加或修改实用函数，涵盖从需求分析到代码实现的完整工作流程，包括包选择、避免重复、类型安全、文档编写、测试和验证。关键词：实用函数、前端开发、代码添加、JSDoc、单元测试。

此技能专为 Tailwind CSS 开发者设计，用于代码重构和 v4 迁移。它提供最佳实践指南，帮助清理废弃工具类、整合冗长模式、更新语法，并确保兼容性，同时保持视觉一致性。关键词：Tailwind CSS，重构，v4 迁移，前端开发，代码优化，CSS 框架。

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