前端开发 Skill技能列表
Convex实时应用开发Skill convex-realtime
Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。
原子设计原子组件Skill atomic-design-atoms
这个技能专注于创建原子级UI组件，如按钮、输入框、标签和图标，作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性，用于构建一致的前端界面。关键词：原子设计，UI组件，前端开发，设计系统，React组件，可访问性，样式令牌。
Biome代码检查技能Skill biome-linting
这个技能用于通过Biome工具对JavaScript和TypeScript项目进行自动化代码检查，提升代码质量、性能和安全性。关键词：Biome, 代码检查, linting, JavaScript, TypeScript, 代码质量, 自动化检查, 规则配置, 安全优化。
Shopify开发Skill shopify
此技能专注于在Shopify电子商务平台上构建应用、扩展和主题，涉及使用GraphQL/REST API、Shopify CLI、Polaris UI组件和Liquid模板语言进行全栈开发。关键词：Shopify开发、电子商务平台、应用开发、主题定制、API集成、前端UI、后端逻辑、扩展功能。
ESLint配置Skill eslint-configuration
ESLint配置技能专注于JavaScript代码质量的检查和规范设置，提供全面的配置文件、插件、环境配置知识，适用于前端开发、代码审查和CI/CD集成。关键词：ESLint、配置、JavaScript、代码质量、前端开发、插件、环境设置。
设计系统专家Skill design-systems
设计系统专家技能专注于创建可扩展的设计基础，包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词：设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。
Web框架技能组Skill web-frameworks
本技能组提供综合指南，用于使用Next.js、Turborepo和RemixIcon构建现代全栈Web应用程序。适用于React应用开发、服务器端渲染、单仓库管理、构建性能优化和图标库集成。关键词：Next.js, Turborepo, RemixIcon, 全栈开发, 前端框架, 单仓库, 图标库, SEO优化。
无障碍可访问性(WCAG)Skill accessibility-wcag
本技能专注于构建符合WCAG 2.1/2.2标准的无障碍Web应用，涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计、合规测试和用户体验优化，适用于前端开发中确保所有用户（包括残疾人）能够访问和使用Web内容，提升Web可访问性和SEO友好性。
create-typescript-x402-nextjsSkill create-typescript-x402-nextjs
创建带有x402支付保护的Next.js应用程序，利用Algorand区块链支付实现HTTP 402支付门控路由。
ESLint自定义规则开发Skill eslint-custom
这个技能专注于ESLint自定义规则和插件的开发，包括规则编写、抽象语法树遍历和发布流程，适用于提高JavaScript代码质量、实施团队标准和集成CI/CD管道。关键词：ESLint, 自定义规则, AST遍历, 插件开发, JavaScript代码质量, 前端开发工具。
Makepad调试与参考Skill makepad-reference
此技能提供Makepad框架的故障排除、代码质量优化、自适应布局等参考资料，帮助开发者解决常见错误、优化代码结构，并实现跨平台UI开发。关键词：Makepad、调试、代码质量、响应式布局、API文档、故障排除、参考文档。
前端设计Skill frontend-design
前端设计技能专注于创建具有高设计质量、独特且可直接用于生产环境的前端用户界面。它强调跳出常规的AI生成美学，通过创意性的排版、色彩、动效和空间构成，打造令人难忘的视觉体验。该技能适用于构建Web组件、单页或完整应用程序，要求开发者具备深刻的设计思维，能够根据项目目的、受众和约束，选择并坚定执行一个大胆的美学方向（如极致简约、复古未来、工业实用等），最终交付功能完善、细节精致、具有强烈品牌识别度的代码。