前端设计技能专注于创建具有高设计质量、独特且可直接用于生产环境的前端用户界面。它强调跳出常规的AI生成美学，通过创意性的排版、色彩、动效和空间构成，打造令人难忘的视觉体验。该技能适用于构建Web组件、单页或完整应用程序，要求开发者具备深刻的设计思维，能够根据项目目的、受众和约束，选择并坚定执行一个大胆的美学方向（如极致简约、复古未来、工业实用等），最终交付功能完善、细节精致、具有强烈品牌识别度的代码。

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

字体选择器技能用于帮助设计师和前端开发者浏览Google Fonts字体、生成字体配对和前端代码，优化设计项目的字体排版。关键词：字体选择、Google Fonts、前端设计、Tailwind配置、字体排版。

这个技能帮助用户浏览和选择颜色调色板，特别针对前端设计项目。它可以从Coolors网站获取趋势调色板，提取十六进制代码，映射到Tailwind配置，并提供策展的后备方案。适用于设计师和开发人员，方便快速选择和应用颜色方案。关键词：颜色调色板、前端设计、Coolors、Tailwind、CSS变量、颜色映射、调色板策展。

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

这个技能提供了在 shadcn/ui 框架下开发 UI 组件的约定，特别适用于创建和修改 8 位复古风格的组件。它涵盖了导入模式、类型定义、引用处理和样式管理，确保代码的一致性和可维护性。关键词：shadcn/ui, UI 组件, 8 位复古风格, 前端开发, 组件约定, 代码规范。

该技能涉及在shadcn/ui框架中注册和管理8位风格的前端组件，包括定义组件和块的注册模式、管理依赖关系、设置分类等，适用于游戏UI和复古主题的前端开发。关键词：shadcn/ui, 8位组件, 组件注册, 前端开发, 游戏UI。

这个技能用于将 8-bit 风格的 UI 组件集成到 shadcn/ui 组件库中，通过更新 registry.json 文件，使开发者能使用命令行工具快速添加和管理组件。它包括创建组件文件、更新注册表、管理依赖和样式文件，适用于前端开发和组件库集成。关键词：shadcn/ui, 8-bit 组件, 前端开发, 组件注册, 集成, 代码管理, 样式文件。

这是一个 TypeScript 类型修复技能，专门用于消除代码中的 any 类型使用，提高类型安全性和代码可维护性。通过识别、分析和替换 any 类型，确保代码符合严格类型检查。适用于前端和后端开发项目，帮助开发团队遵循零容忍 any 类型政策。关键词：TypeScript，类型安全，any类型修复，代码优化，软件开发，前端开发，后端开发。

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

这个技能是关于使用Rust的makepad-widgets库进行跨平台UI开发的入门指南。它帮助开发者快速上手Makepad，学习如何编写实时设计的UI代码，处理事件，并构建适用于多个平台的应用。关键词：Rust, Makepad, UI开发, 跨平台, 实时设计, 前端开发, 入门教程。

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