前端开发 Skill技能列表
Figma设计同步技能Skill figma-design-sync
这是一个自动化工具，用于比较和调整Figma设计与Web实现之间的视觉差异，确保设计一致性，提高前端开发效率和质量。关键词包括Figma、设计同步、CSS、Tailwind、Web开发、自动化、响应式设计。
前端设计Skill frontend-design
这个技能用于创建独特、生产级的前端界面，强调创意设计和避免通用AI美学。它生成高质量、视觉冲击力的代码，适用于Web组件、页面和应用程序开发，确保界面既功能完整又具有独特美学风格。关键词：前端设计，创意代码，美学界面，避免AI通用，生产级开发。
前端竞态条件审查技能Skill julik-frontend-races-reviewer
这个技能用于专业审查JavaScript和Stimulus前端代码中的竞态条件，确保UI时序正确和界面质量。它覆盖了DOM事件处理、Promise管理、定时器取消、CSS动画、并发操作跟踪等关键领域，特别兼容Hotwire和Turbo框架。关键词包括：前端开发、JavaScript、Stimulus、竞态条件、代码审查、UI质量、时序控制、数据竞态、Turbo、Hotwire、Promise、setTimeout、CSS动画、状态管理、DOM操作、前端优化。
图像优化Skill image-optimization
图像优化技能专注于通过采用现代图像格式如WebP和AVIF、实施响应式图片技术、以及启用懒加载等策略，来提升网站加载速度和用户体验。适用于网页开发、前端优化场景。关键词：图像优化，网页性能，响应式图片，懒加载，前端开发。
CSS布局助手Skill css-layout-helper
CSS布局助手是一个工具，用于帮助前端开发者解决CSS布局问题，如对齐和间距，通过解释问题并推荐flexbox或grid布局，提供修复方案。关键词包括CSS布局、前端开发、flexbox、grid、响应式设计、对齐、间距、布局问题修复。
软件UI/UX设计Skill software-ui-ux-design
此技能专注于设计和优化软件用户界面与用户体验，涵盖UI设计、UX研究、可访问性审核（如WCAG标准）、设计系统定义、流程优化和转化率提升（CRO），适用于Web、iOS、Android和桌面平台，包括AI/自动化UX模式。关键词：UI设计，UX设计，可访问性，设计系统，用户体验优化，WCAG，CRO，前端开发。
前端工程Skill software-frontend
前端工程技能专注于现代Web应用的高质量开发，涵盖多种前端框架如Next.js、React、Vue、Angular、Svelte的选择与最佳实践，包括TypeScript编码、Tailwind CSS样式、状态管理、测试、性能优化和可访问性。适用于构建企业级、用户友好的Web界面。关键词：前端开发、Web应用、框架、TypeScript、性能、可访问性、SEO优化。
服务器组件Skill server-components
此技能详细介绍了React服务器组件在Next.js中的应用，涵盖服务器与客户端组件的区分、组合模式及数据获取方法，适用于前端开发。关键词：React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
Shopify开发Skill shopify
Shopify开发技能用于构建和扩展Shopify电商平台上的应用、主题及API集成。涉及GraphQL/REST API调用、Shopify CLI工作流、Polaris UI组件和Liquid模板语言，支持结账自定义、管理界面扩展、POS零售开发等。关键词包括Shopify开发、电商应用、API集成、主题定制、Shopify CLI、Liquid模板、GraphQL API、电商平台开发。
前端设计技能Skill frontend-design
这个技能用于创建独特、生产级别的前端界面，注重高设计质量，避免通用AI美学，适用于构建Web组件、页面或应用程序。关键词包括前端开发、UI设计、代码实现、创意美学、生产级代码。
React.memo优化技能Skill rerender-memo
此技能用于通过 React.memo 和 useMemo 缓存组件计算，避免不必要的重新渲染，提升前端应用性能。关键词：React.memo, useMemo, 性能优化, 组件缓存, 前端开发。