前端开发 Skill技能列表
TailwindCSSv4模式Skill tailwind-patterns
Tailwind CSS v4 模式是一种前端开发技能，专注于使用Tailwind CSS v4框架实现CSS优先配置、容器查询、现代布局模式、设计令牌架构等，用于快速构建高效、响应式、可维护的Web界面。关键词包括Tailwind CSS、CSS-first、容器查询、设计令牌、前端开发、响应式设计、布局模式。
网页排版Skill web-typography
这个技能用于优化网页排版的设计与实现，提升内容的可读性和用户体验。它包括字体选择、评估、配对、排版测量设置、响应式设计、类型层次构建和字体加载性能优化。关键词：网页排版、字体设计、CSS排版、响应式设计、Web性能、用户体验。
顶级设计Skill top-design
这个技能是一个获奖级网页设计框架，用于创建高端、沉浸式的网站和应用程序。它专注于排版、动画、颜色、滚动设计、性能和微交互，旨在实现10/10的设计质量，帮助设计师和开发者构建匹配Awwwards获奖标准的数字体验。关键词：网页设计、前端开发、动画、排版、Awwwards、性能优化、微交互、UI/UX设计。
重构UI设计系统Skill refactoring-ui
重构UI设计系统是一个基于Refactoring UI理念的实用UI设计框架，用于帮助开发者通过系统化方法改善视觉层次、间距排版、颜色搭配、深度阴影、图像图标和布局构图，提升前端开发效率和UI专业度，适用于Tailwind CSS和响应式设计。关键词包括UI设计、前端开发、视觉层次、间距排版、颜色调色板、Tailwind CSS、界面优化、设计系统、用户体验。
UI/UX设计专业版Skill ui-ux-pro-max
UI/UX Pro Max 是一个综合性UI/UX设计智能工具，提供丰富的设计资源，包括50种样式、21种调色板、50种字体配对、20种图表和9种技术栈。它帮助用户生成设计系统、进行详细搜索，覆盖视觉样式、字体、调色板、UI组件和最佳实践等领域，输出为ASCII表格或Markdown格式，适用于前端开发、平面设计和产品管理中的设计工作。关键词：UI设计、UX设计、设计系统、前端开发、视觉设计、调色板、字体配对、图表、技术栈。
国际化管理器Skill i18n-manager
国际化管理器是一个自动化工具，用于扫描项目代码中的硬编码用户字符串，提取并生成翻译文件，支持React、Vue、Python等多种框架，简化国际化流程。关键词：国际化、字符串提取、翻译文件、代码扫描、前端开发、后端开发、多语言支持。
颜色调色板生成器Skill color-palette-generator
这是一个用于生成UI设计标准颜色调色板的工具，支持现代、企业、深色模式等多种风格，输出Hex代码和CSS变量，便于直接在前端开发中使用。关键词：颜色调色板生成、UI设计工具、前端开发资源、CSS变量、Hex代码。
网络研究技能Skill skill-web-research
该技能用于执行网络开发研究，通过框架文档和代码库探索来收集技术信息，支持Astro、Tailwind、Cloudflare等前端技术，并自动处理研究后的状态更新、工件链接和版本控制操作。关键词包括：web开发、研究技能、框架文档、代码库探索、前端技术、状态管理、自动化流程。
Web实现技能Skill skill-web-implementation
这个技能是一个薄包装器，用于实现基于Astro、Tailwind和TypeScript的网络变化。它通过委托给子代理来处理前端网页开发任务，包括页面、组件、布局的创建和修改，并自动执行状态更新、工件链接和Git提交等后处理操作。适用于Astro框架、Tailwind CSS、TypeScript项目，帮助提高开发效率和代码质量。关键词：网络实现、Astro、Tailwind、TypeScript、前端开发、网页开发、状态管理、Git提交、代理委托、自动化流程。
网页界面指南审查专家Skill web-design-guidelines
这个技能用于自动审查网页UI代码，确保其符合最新网页界面指南，提升可访问性、用户体验和设计质量。适用于前端开发中的代码审计和最佳实践检查，关键词包括UI审查、可访问性、设计审核、网页设计、界面指南、a11y、可用性、代码审查。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供React和Next.js应用程序的性能优化最佳实践指南，由Vercel维护。它包含57条规则，分为8个优先级类别，帮助开发者在编写、审查或重构代码时确保高性能模式。关键词包括React性能优化、Next.js优化、数据获取、包大小、重新渲染控制、服务器端性能、客户端性能、JavaScript优化。
React组合模式Skill vercel-composition-patterns
React组合模式是一种前端开发技能，用于构建可维护的React组件，避免布尔属性泛滥，提升代码质量和团队协作效率。关键词：React, 组合模式, 组件库, 前端开发, 复合组件, 状态管理, 可扩展架构