前端开发 Skill技能列表
TailwindCSSv4模式Skill tailwind-patterns
Tailwind CSS v4 模式是一种前端开发技能，专注于使用Tailwind CSS v4框架实现CSS优先配置、容器查询、现代布局模式、设计令牌架构等，用于快速构建高效、响应式、可维护的Web界面。关键词包括Tailwind CSS、CSS-first、容器查询、设计令牌、前端开发、响应式设计、布局模式。
ShopifyApp开发技能Skill shopify-apps
Shopify App开发技能涉及使用Remix框架、Admin API和结账UI扩展来构建Shopify应用，关键词包括Shopify、Remix、Admin API、结账扩展。
前端设计Skill frontend-design
前端设计技能专注于创建具有高设计质量、独特且可直接用于生产环境的前端用户界面。它强调跳出常规的AI生成美学，通过创意性的排版、色彩、动效和空间构成，打造令人难忘的视觉体验。该技能适用于构建Web组件、单页或完整应用程序，要求开发者具备深刻的设计思维，能够根据项目目的、受众和约束，选择并坚定执行一个大胆的美学方向（如极致简约、复古未来、工业实用等），最终交付功能完善、细节精致、具有强烈品牌识别度的代码。
UI研究Skill ui-research
UI研究技能用于在UI设计前进行系统性研究，收集真实产品灵感，识别现代设计模式，避免通用AI生成的外观，确保设计基于真实世界和用户体验。关键词：UI研究、用户体验设计、设计灵感、前端设计、设计流程、避免AI外观。
vercel-react-best-practicesSkill vercel-react-best-practices
Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。
Convex实时应用开发Skill convex-realtime
Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。
移动响应式网页开发Skill mobile-responsiveness
移动响应式网页开发技能专注于构建响应式、移动优先的网页应用，涵盖响应式布局设计、触摸交互优化、移动导航实现和屏幕尺寸适配。关键词包括移动响应式、前端开发、CSS、React、响应式设计、移动优先、断点、触摸事件、视口优化。
Web界面指南审查Skill web-design-guidelines
这个技能用于自动审查Web界面代码是否符合最新的Web界面指南，提升UI/UX质量、确保可访问性和遵循最佳实践。关键词：UI代码审查、可访问性检查、Web设计指南、前端测试、用户体验审计。
UI/UX智能库与推荐专家Skill UI/UXIntelligenceExpert
这个技能是一个综合的UI/UX设计指南库，提供多种风格、配色方案、字体搭配和UX最佳实践，支持跨技术栈的设计系统生成，适用于网页和移动应用开发。关键词：UI设计、UX设计、配色方案、字体搭配、设计系统、响应式设计、无障碍设计、性能优化、前端开发。
Rspack配置与优化技能Skill rspack
此技能提供Rspack打包工具的详细指南，包括配置设置、插件使用、加载器编写、性能优化以及从Webpack迁移。关键词：Rspack、打包工具、前端构建、代码分割、热模块替换、Webpack兼容、配置优化、开发服务器、插件开发。
UX设计系统Skill ux-design-systems
UX设计系统是一种用于构建一致、可维护的用户界面设计的方法，通过设计token、组件库和主题系统实现。适用于前端开发、组件化设计和样式管理，提高开发效率和设计一致性。关键词：设计系统，设计token，组件库，主题化，暗模式，前端开发，用户界面。
ESLint自定义规则开发Skill eslint-custom
这个技能专注于ESLint自定义规则和插件的开发，包括规则编写、抽象语法树遍历和发布流程，适用于提高JavaScript代码质量、实施团队标准和集成CI/CD管道。关键词：ESLint, 自定义规则, AST遍历, 插件开发, JavaScript代码质量, 前端开发工具。