前端开发 Skill技能列表
前端卓越Skill frontend-excellence
该技能专注于现代前端开发的最佳实践,涵盖使用React Server Components进行服务器端渲染、性能优化技术如代码分割和捆绑优化,以及优化Core Web Vitals指标(如LCP、INP、CLS)以提升网站性能和用户体验。适用于React、Next.js等框架,关键词:前端开发、React Server Components、性能优化、Core Web Vitals、代码分割、图像优化、字体加载、CLS预防。
TanStackQueryv5服务器状态管理技能Skill tanstack-query
这个技能教授如何使用 TanStack Query v5(React Query)进行 React 应用中的服务器状态管理,包括数据获取、缓存、突变和错误处理。关键词:TanStack Query, React Query, useQuery, useMutation, 数据获取, 缓存, 服务器状态, 前端开发。
Chrome本地AI提示API开发指南Skill web-ai-prompt-api
Chrome本地AI提示API开发指南,详细介绍如何在浏览器中利用Gemini Nano模型实现AI功能,包括会话管理、多模态输入处理、结构化JSON输出、流式响应和Chrome扩展集成。该技能专注于前端AI应用开发,提供完整的本地化AI解决方案,无需依赖云端服务,保障数据隐私和安全。关键词:Chrome AI API,Gemini Nano,本地AI,浏览器AI,多模态输入,结构化输出,会话管理,前端AI开发,隐私保护AI
聊天UI组件Skill chat-ui
这个技能提供了用于React/Next.js的聊天用户界面构建块,包括容器、消息、输入和打字指示器等组件,帮助开发者快速构建自定义聊天界面、消息应用和AI助手界面。关键词:聊天UI, React组件, Next.js, 前端开发, 聊天界面, AI助手, 用户界面设计。
Next.js开发专家Skill nextjs-developer
Next.js开发专家技能用于构建高性能、SEO优化的Next.js 14+应用,专精于App Router、服务器组件和全栈部署。关键词:Next.js, App Router, React Server Components, SEO优化, 性能优化, Vercel部署, 前端开发, Web开发, 全栈开发, 服务器渲染
React测试Skill react-testing
React测试技能涵盖了使用Jest和React Testing Library进行组件渲染、用户交互和异步状态管理的测试模式。
Telegram迷你应用构建专家Skill telegram-mini-app
该技能专门用于构建Telegram迷你应用(TWA),这是一种在Telegram内运行的Web应用,提供类似原生的用户体验。技能涵盖Telegram Web App API、TON区块链集成、支付系统、用户认证、病毒式传播机制等,适用于开发游戏、DeFi应用、工具和社交应用。关键词:Telegram迷你应用、TWA、TON区块链、Web3、前端开发、病毒传播、货币化、Telegram Web App。
NuxtUISkill nuxt-ui
Nuxt UI v4是一个用于Vue 3和Nuxt 4+的UI组件库,提供预构建组件如按钮、模态框、表单、表格等,支持Tailwind Variants主题定制,基于Reka UI构建,适用于快速开发风格化用户界面。关键词包括Vue 3、Nuxt 4+、UI组件、Tailwind CSS、Reka UI、前端开发、组件库。
Zustand状态管理技能Skill zustand
Zustand状态管理技能是一个专门用于实现React应用轻量级全局状态管理的专家系统。它提供Zustand库的完整实现方案,包括类型安全的存储创建、中间件集成(持久化、DevTools、Immer)、模块化切片设计、性能优化选择器、异步操作处理等核心功能。适用于前端开发、状态管理迁移、性能优化等场景,关键词包括:Zustand状态管理、React全局状态、TypeScript类型安全、状态持久化、性能优化选择器、模块化切片、中间件集成、前端开发工具。
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, 前端开发, 数据获取, 缓存优化。
智能文档助手Skill context7
Context7智能文档助手是一款专为开发者设计的AI工具,能够实时获取和查询最新技术库文档。通过API接口,该技能可快速搜索React、Next.js、Supabase等主流开发框架的官方文档,提供准确的API参考、最佳实践和版本信息。关键词:文档查询、API参考、开发工具、实时文档、技术库搜索、编程助手、版本管理、开发效率。
特性架构技能Skill feature-arch
此技能用于React应用程序的特性驱动架构设计,提供最佳实践指南,帮助开发人员组织项目结构、管理依赖、实现模块化开发,以提高应用的可扩展性和团队协作效率。关键词:React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。