前端开发 Skill技能列表
Next.jsAppRouter最佳实践Skill nextjs-app-router-patterns
这个技能用于掌握Next.js 14+ App Router的高级开发模式，包括Server Components、流式渲染、并行路由和高效数据获取，适用于构建高性能、可扩展的Next.js应用程序，优化服务器端渲染和静态生成，提升全栈开发效率和用户体验。关键词：Next.js, App Router, Server Components, streaming, SSR, SSG, React, 前端开发, 数据获取, 缓存优化。
TypeScript异步编程模式Skill typescript-async-patterns
这个技能涵盖了TypeScript中的异步编程模式，包括Promises、async/await、异步迭代器、错误处理和高级模式，用于构建稳健的异步应用程序。它帮助开发者高效处理异步操作，特别适用于API调用、I/O操作和实时数据处理。关键词：TypeScript, 异步编程, Promises, async/await, 错误处理, 异步迭代器, 重试模式, 超时控制, 取消机制, API开发。
Storybook参数与控制配置Skill storybook-args-controls
这个技能用于在Storybook中配置交互式参数和控件，使组件故事动态化和可探索，便于设计师和开发人员实时测试组件变体。关键词：Storybook, 参数, 控制, 交互式, 组件开发, 前端测试, UI组件, 动态演示。
内容集合工具Skill content-collections
内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。
NuxtContentv3内容管理系统Skill nuxt-content
Nuxt Content v3 是一个基于 Git 的内容管理系统（CMS），专为 Nuxt.js 项目设计，用于管理 Markdown、YAML、JSON 和 CSV 文件，提供类型安全查询、模式验证（支持 Zod 和 Valibot）、全文本搜索、导航工具和 SQL 存储。适用于构建博客、文档网站、内容驱动应用等，支持 Cloudflare 和 Vercel 部署，集成 Nuxt Studio 进行生产编辑。关键词：Nuxt Content, Git CMS, Markdown 管理, 类型安全查询, 全文本搜索, 前端开发, 内容集合, 部署优化
HebcalAPI集成Skill shabbat-times
这个技能用于通过 Hebcal API 获取犹太日历数据、Shabbat 时间、Hebrew 日期转换和 Zmanim，适用于构建需要 Jewish 日历信息的应用程序，如宗教应用、日程管理工具等。关键词：Hebcal API, 犹太日历, Shabbat 时间, Hebrew 日期, 日历 API, 宗教数据。
React性能优化Skill react-performance
这个技能用于优化React应用程序的性能，通过组件记忆化、懒加载代码分割、虚拟滚动列表、性能监控等技术，提升应用响应速度、减少加载时间并改善用户体验。关键词：React性能优化、记忆化、懒加载、虚拟滚动、性能监控、代码分割、useMemo、useCallback、React.memo。
Relay片段模式Skill relay-fragments-patterns
这个技能专注于使用Relay的片段模式来构建可维护的React应用程序。通过组件级数据声明、自动组合、数据掩码和优化数据获取，实现高效的数据依赖管理和组件共位，适用于数据密集型应用如社交媒体、电商平台等。关键词：Relay、React、GraphQL、片段、数据掩码、组件共位、前端开发。
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集成、电子商务开发。
UI/UX设计专业版Skill ui-ux-pro-max
这个技能是一个全面的UI/UX设计智能工具，提供丰富的设计资源和指南，用于web和移动应用程序的界面设计、用户体验优化和代码实现。包含多种样式、颜色调色板、字体配对、UX指南和图表类型，支持多种技术栈如React、Vue等。适用于前端开发者、UI设计师和产品经理，帮助提高设计效率和代码质量。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、颜色调色板、字体配对、图表设计。
Telegram迷你应用构建专家Skill telegram-mini-app
该技能专门用于构建Telegram迷你应用（TWA），这是一种在Telegram内运行的Web应用，提供类似原生的用户体验。技能涵盖Telegram Web App API、TON区块链集成、支付系统、用户认证、病毒式传播机制等，适用于开发游戏、DeFi应用、工具和社交应用。关键词：Telegram迷你应用、TWA、TON区块链、Web3、前端开发、病毒传播、货币化、Telegram Web App。
原子设计模板Skill atomic-design-templates
原子设计模板技能用于在前端开发中，基于原子设计方法论创建可重用的页面布局模板。它涉及定义内容区域、实现响应式设计、组合组件以提高开发效率和一致性。关键词包括原子设计、模板、页面布局、前端开发、React、CSS、响应式设计、组件组合。