这是一个全面的UI/UX设计技能，提供设计系统、样式推荐、颜色调色板、字体配对、图表选择等，用于快速设计和开发网页与移动应用界面。它支持多种技术栈，并包括可访问性、性能、响应式设计等最佳实践指南。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、网页设计、移动应用设计、设计指南。

这个技能专注于创建独特、生产级的前端界面，强调高质量设计和避免通用AI美学。它提供从设计思考到代码实现的完整流程，涵盖排版、颜色、动效等美学元素，适用于Web开发、UI设计、React组件、HTML/CSS布局等场景。关键词：前端开发、UI设计、创意代码、生产级接口、美学指南、Web组件、前端美学。

TypeScript最佳实践指南，专注于类型优先开发、非法状态预防、穷尽性处理和运行时验证。包含Zod模式验证、函数式编程、模块化设计和配置管理。适用于TypeScript/JavaScript开发者提升代码质量和类型安全性。关键词：TypeScript, 类型安全, 最佳实践, Zod, 运行时验证, 函数式编程, 类型优先开发

这个技能是一个薄包装器，用于实现基于Astro、Tailwind和TypeScript的网络变化。它通过委托给子代理来处理前端网页开发任务，包括页面、组件、布局的创建和修改，并自动执行状态更新、工件链接和Git提交等后处理操作。适用于Astro框架、Tailwind CSS、TypeScript项目，帮助提高开发效率和代码质量。关键词：网络实现、Astro、Tailwind、TypeScript、前端开发、网页开发、状态管理、Git提交、代理委托、自动化流程。

这个技能专注于使用Storybook创建和改进组件文档，通过autodocs、MDX和JSDoc实现自动化文档生成，提高前端开发效率。关键词：Storybook, 组件文档, 前端开发, 自动文档, MDX, JSDoc, SEO优化

一种软件设计模式，用于在需要异步初始化的客户端中实现同步构造和异步属性，使模块可导出并在UI组件中同步使用，避免顶级await问题。适用于前端开发，如SvelteKit应用，通过UI渲染门确保异步工作完成后才渲染UI。关键词：同步构造、异步属性、UI渲染门、前端开发、模块导出、SvelteKit、异步初始化。

React命令面板开发指南，涵盖Cmd+K快捷键面板的键盘导航、滚动定位、过滤搜索和性能优化。关键词：React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化

这个技能用于自动审查UI代码是否符合Web界面指南，提升网站的可访问性、用户体验和设计质量，适用于前端开发、设计审计和最佳实践检查。关键词：Web界面指南、UI审查、可访问性检查、UX审计、设计合规、最佳实践、前端开发。

这个技能提供了设计令牌系统和主题框架，用于跨所有组件实现一致、可定制的UI样式。它包括完整的令牌分类（颜色、排版、间距、阴影、边框、动画、z索引）、主题切换（亮暗模式、高对比度、自定义品牌）、RTL/i18n支持和可访问性功能，是前端开发中UI设计的基础层。关键词：设计令牌、主题系统、CSS变量、UI样式、前端开发、可访问性、RTL支持、品牌定制。

Shopify App开发技能涉及使用Remix框架、Admin API和结账UI扩展来构建Shopify应用，关键词包括Shopify、Remix、Admin API、结账扩展。

此技能专注于使用Hugo静态站点生成器快速构建博客、文档网站和落地页，集成Tailwind CSS v4和Sveltia CMS，并部署到Cloudflare Workers。提供完整解决方案，包括错误预防、模板使用和SEO优化。关键词：Hugo, 静态站点生成器, Tailwind CSS, Sveltia CMS, Cloudflare部署, 前端开发, DevOps, 网站构建

该技能用于在JavaScript或TypeScript中优化代码性能，通过使用Set和Map数据结构实现O(1)时间复杂度的成员查找，替代低效的数组includes方法，适用于高频查找场景，提升应用程序响应速度和效率。关键词：Set Map O(1) 查找 优化 JavaScript TypeScript 性能提升