前端开发 Skill技能列表
无障碍可访问性(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支付门控路由。
SvelteFlow自定义节点Skill svelteflow-custom-nodes
这个技能专注于使用 Svelte Flow 库创建自定义节点和边，实现复杂的前端图形界面编辑器。它涵盖自定义节点组件、可调整大小节点、工具栏和交互式功能，适用于构建节点编辑器和工作流界面。关键词：Svelte Flow、自定义节点、前端开发、图形界面、节点编辑器、Svelte 组件。
ShopifyApp开发技能Skill shopify-apps
Shopify App开发技能涉及使用Remix框架、Admin API和结账UI扩展来构建Shopify应用，关键词包括Shopify、Remix、Admin API、结账扩展。
Shopify开发Skill shopify
此技能专注于在Shopify电子商务平台上构建应用、扩展和主题，涉及使用GraphQL/REST API、Shopify CLI、Polaris UI组件和Liquid模板语言进行全栈开发。关键词：Shopify开发、电子商务平台、应用开发、主题定制、API集成、前端UI、后端逻辑、扩展功能。
前端设计Skill frontend-design
前端设计技能专注于创建具有高设计质量、独特且可直接用于生产环境的前端用户界面。它强调跳出常规的AI生成美学，通过创意性的排版、色彩、动效和空间构成，打造令人难忘的视觉体验。该技能适用于构建Web组件、单页或完整应用程序，要求开发者具备深刻的设计思维，能够根据项目目的、受众和约束，选择并坚定执行一个大胆的美学方向（如极致简约、复古未来、工业实用等），最终交付功能完善、细节精致、具有强烈品牌识别度的代码。
vercel-react-best-practicesSkill vercel-react-best-practices
Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。
ESLint自定义规则开发Skill eslint-custom
这个技能专注于ESLint自定义规则和插件的开发，包括规则编写、抽象语法树遍历和发布流程，适用于提高JavaScript代码质量、实施团队标准和集成CI/CD管道。关键词：ESLint, 自定义规则, AST遍历, 插件开发, JavaScript代码质量, 前端开发工具。
原子设计：分子组件Skill atomic-design-molecules
该技能专注于原子设计方法论中的分子组件创建，用于将原子组件组合成功能性的UI元素，如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性，支持高效的前端界面构建。
原子设计基础Skill atomic-design-fundamentals
原子设计基础技能用于应用Atomic Design方法论，将UI组件组织成夸克、原子、分子、有机体、模板和页面等层级，以构建可扩展、可维护的组件化用户界面设计系统。关键词包括原子设计、UI组件、设计系统、前端开发、组件化、可扩展性、可维护性。
品牌指南应用Skill brand-guidelines
品牌指南应用技能用于将品牌设计元素如颜色、字体、间距等一致地应用到文档、演示文稿、网页等各类材料中，确保品牌视觉识别系统的一致性，提升用户体验和品牌形象。关键词：品牌设计、CSS变量、前端开发、UI/UX、品牌一致性、视觉格式化。
Webpack前端打包与配置技能Skill webpack
Webpack是一个广泛用于前端开发的模块打包工具，提供配置管理、资源加载、代码分割和性能优化功能，通过插件和加载器扩展，支持构建现代化Web应用程序。关键词：前端开发、Webpack配置、模块打包、构建优化、代码分割、JavaScript打包、开发工具。