前端开发 Skill技能列表
TanStackStart全栈开发框架Skill BunTanStackStart
TanStack Start 是一个基于 Bun 运行时的全栈 React 框架,用于快速构建现代 Web 应用。它支持文件路由、服务器函数、API 路由和错误处理,提高开发效率,适用于 SSR、构建优化和全栈开发场景。关键词:TanStack Start, React, 全栈开发, Bun, 文件路由, 服务器函数, Web 应用开发, SEO 优化。
BunSvelteKit开发Skill BunSvelteKit
这项技能专注于利用Bun运行时高效开发和部署SvelteKit应用程序,涵盖服务器端渲染、适配器配置、Bun API集成以及数据库和文件操作等关键功能,适用于快速构建高性能Web应用,关键词包括SvelteKit、Bun、SSR、适配器、数据库操作、文件操作。
BunReact服务器端渲染Skill BunReactSSR
这个技能是关于使用 Bun 运行时和 React 框架进行服务器端渲染(SSR),用于构建高性能、SEO友好的 Web 应用。它包括设置 SSR、流式渲染、数据获取、路由、CSS 处理、开发和优化等关键技术。关键词:Bun, React, SSR, 服务器端渲染, 前端开发, 性能优化, 流式渲染, 数据获取, 路由, CSS 处理, 热重载, 生产构建, SEO 优化。
BunNuxt开发Skill "BunNuxt"
这个技能专注于使用 Bun JavaScript 运行时来开发和运行 Nuxt 3 应用程序。它包括项目初始化、依赖安装、开发服务器、构建、预览和部署。涉及配置 Nuxt 项目以利用 Bun 的性能优势,使用 Bun APIs 如数据库操作和文件处理,以及部署到生产环境。关键词:Bun, Nuxt, Vue, 前端开发, 服务器端渲染, 部署, DevOps, 快速开发, 性能优化。
BunNext.js开发Skill BunNext.js
这个技能专注于使用Bun作为运行时来运行和优化Next.js应用程序,以提高开发速度、构建效率和性能。它涵盖了项目设置、配置、Bun API集成、部署和常见问题解决,适用于全栈Web开发。关键词:Bun, Next.js, Web开发, 全栈, 服务器端渲染, Bun运行时, 性能优化, 快速开发。
BaseUIReact开发技能Skill base-ui-react
Base UI React 是 MUI 提供的无样式、可访问 React 组件库,用于开发可访问的 Web 组件。它支持渲染属性模式,集成 Floating UI 进行精准定位,适用于需要高度自定义样式和可访问性的前端开发场景。关键词:base-ui, React, 无样式组件, 可访问性, Floating UI, Radix UI 迁移, 渲染属性, 前端开发
VercelAISDKv5前端React钩子Skill ai-sdk-ui
这个技能提供 Vercel AI SDK v5 的 React 钩子,用于构建 AI 驱动的用户界面,特别是聊天、完成和结构化对象生成。它支持流式响应、错误处理、Next.js 集成等,适用于 React/Next.js 应用中的 AI 功能开发。关键词:AI SDK, useChat, useCompletion, useObject, React, Next.js, 流式响应, AI 聊天界面, 前端开发。
AI元素聊天组件开发技能Skill ai-elements-chatbot
这个技能用于开发和生产就绪的AI聊天用户界面组件,基于shadcn/ui和Vercel AI SDK v5。它支持流式聊天、工具/函数调用显示、推理可视化等功能,适用于构建类似ChatGPT的聊天界面。关键词:AI聊天、前端开发、UI组件、shadcn/ui、Next.js、AI SDK、流式聊天、Vercel AI SDK、生产就绪组件。
AceternityUI技能Skill aceternity-ui
Aceternity UI技能是一个为Next.js应用设计的React组件库,提供100多个动画和交互式组件,使用Tailwind CSS和Framer Motion构建,适用于前端开发,提升网页界面视觉效果和用户交互体验。关键词:React, Next.js, Tailwind CSS, Framer Motion, 动画组件, 前端开发。
TypeScript高级编程Skill typescript-advanced
这个技能专注于TypeScript的高级特性,包括泛型、条件类型、映射类型、模板字面量和类型守卫等,用于提升代码的类型安全性、可维护性和开发效率,适用于前端和后端开发。关键词:TypeScript, 泛型, 条件类型, 映射类型, 类型守卫, 高级编程, 代码优化, 类型安全。
高级前端设计与开发Skill frontend-design
此技能专注于创建高质量、独特的前端界面设计,避免通用AI美学。应用于网站、应用开发,注重创意、细节和代码质量,关键词包括前端设计、UI界面、创意开发、生产级代码、美学优化。
React服务器端动作Skill react-server-actions
React服务器端动作是一种在Next.js 14+框架中实现的功能,用于安全处理表单提交和服务器端数据操作,无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新,适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词:React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。