前端开发 Skill技能列表
布局系统与响应式设计Skill designing-layouts
这个技能专注于使用现代CSS技术设计和实现响应式布局系统，包括CSS Grid网格系统、Flexbox弹性盒子模式、容器查询、间距系统和移动优先设计策略，帮助开发者构建灵活、可访问的用户界面，适用于各种设备。关键词：CSS Grid, Flexbox, 容器查询, 响应式设计, 布局系统, 前端开发, 移动优先。
国际化助手Skill internationalization-helper
国际化助手是一个用于管理和实施软件多语言支持的技能。它专注于提取硬编码字符串、管理翻译文件、确保区域覆盖，并遵循最佳实践来简化应用程序的国际化（i18n）和本地化（l10n）流程。关键词：国际化 i18n，本地化 l10n，多语言应用，翻译管理，区域设置，前端开发，软件开发。
Zustand高级模式Skill zustand-advanced-patterns
Zustand 高级模式是一种前端状态管理技术，专为React应用程序设计，提供瞬态更新、乐观更新、撤销重做、存储组合等高级功能，用于优化性能和管理复杂状态。关键词：Zustand、状态管理、React、前端开发、性能优化、瞬态更新、乐观更新。
前端UI/UX开发专家Skill frontend-agent
该技能是一个前端开发专家工具，专注于使用React、Next.js和TypeScript构建高性能用户界面。采用FSD-lite架构组织代码，使用shadcn/ui组件库确保UI一致性，并严格对齐设计系统。涉及UI/UX设计、组件开发、状态管理、性能优化等任务，适用于现代Web前端开发。关键词包括：前端开发、React、Next.js、TypeScript、UI/UX、shadcn/ui、FSD架构、组件设计、性能优化。
方法简写JSDoc保留Skill method-shorthand-jsdoc
这个技能用于在TypeScript或JavaScript开发中，通过工厂函数返回对象时使用方法简写，确保JSDoc注释在IDE中可见，提高代码文档的可读性和维护性。关键词：JSDoc、TypeScript、JavaScript、工厂函数、方法简写、代码文档、IDE提示、前端开发。
网络可访问性Skill web-accessibility
这个技能专注于通过实现WCAG标准、ARIA模式、键盘导航和屏幕阅读器支持，来构建可访问的网络应用程序，确保所有用户，包括残障人士，都能平等访问网络内容。关键词：网络可访问性、WCAG、ARIA、前端开发、无障碍设计、SEO可访问性、键盘导航、屏幕阅读器。
网页可访问性Skill accessibility
网页可访问性技能专注于确保网站和应用程序对所有人，包括残障人士，都是可用的。它涵盖WCAG 2.1合规性检查、语义HTML编写、ARIA属性使用、键盘导航实现、屏幕阅读器测试、颜色对比度优化、焦点管理以及自动化可访问性测试。关键词：网页可访问性、WCAG、ARIA、键盘导航、屏幕阅读器、语义HTML、焦点管理、自动化测试、包容性设计、视觉可访问性。
TanStackStart全栈开发技能Skill tanstack-start
TanStack Start 是一个全栈 React 框架，用于构建具有服务器端渲染、客户端渲染、Cloudflare Workers 支持和文件式路由的 React 应用。适用于从 Next.js 迁移、解决水合错误、实现边缘渲染等场景。关键词：React, 全栈, SSR, CSR, Cloudflare Workers, TanStack Router, 前端开发, 全栈开发。
TanStackQueryv5服务器状态管理技能Skill tanstack-query
这个技能教授如何使用 TanStack Query v5（React Query）进行 React 应用中的服务器状态管理，包括数据获取、缓存、突变和错误处理。关键词：TanStack Query, React Query, useQuery, useMutation, 数据获取, 缓存, 服务器状态, 前端开发。
Shopify开发Skill shopify
这个技能提供在Shopify平台上构建应用、扩展、主题和API集成的全面指导，涵盖使用GraphQL API、REST API、Shopify CLI、Polaris UI、Liquid模板、UI扩展、Shopify Functions等技术，适用于开发电子商务解决方案、自定义商店界面和集成第三方服务。关键词：Shopify开发、GraphQL API、REST API、Shopify CLI、Polaris、Liquid模板、UI扩展、Shopify Functions、主题开发、API集成、电子商务开发。
网页制品构建器Skill web-artifacts-builder
这是一个用于构建基于现代前端技术的复杂HTML制品的工具套件，特别适用于Claude.ai平台。它使用React、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，便于创建高质量的前端制品。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML制品构建、Claude.ai、状态管理、路由。
VercelReact最佳实践Skill vercel-react-best-practices
这是一个用于React和Next.js应用性能优化的技能，提供Vercel工程团队的45条最佳实践规则，涵盖从消除瀑布效应到包大小优化等关键领域，旨在指导代码重构和自动化生成。关键词包括：React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。