返回精选创作者
@vercel-labs

@vercel-labs

涵盖前端、后端、运维方向,代表作 find-skills、vercel-react-best-practices、web-design-guidelines。

50个 Skill
9M次安装
4.8/5平均评分
GitHub 主页

@vercel-labs 的全部 Skill

skill-discovery

find-skills

by @vercel-labs

帮助用户发现和安装代理技能,解答“如何做X”、“寻找X技能”等问题,满足用户对新功能的需求。

4.9(2.0K)
3.9M
web-development

agent-browser

by @vercel-labs

为AI代理提供浏览器自动化命令行工具,支持网页导航、表单填写、点击按钮和截图等操作,实现与网站的交互。

4.9(2.0K)
1.1M
react

vercel-react-best-practices

by @vercel-labs

Vercel维护的React和Next.js应用性能优化指南,包含8大类62条规则,帮助开发者构建高性能前端应用。

4.9(2.0K)
800.3K
ui-components

web-design-guidelines

by @vercel-labs

审查UI代码是否符合网页界面设计指南,检查可访问性、设计和用户体验,确保界面质量和标准。

4.9(2.0K)
735.6K
web-development

vercel-composition-patterns

by @vercel-labs

提供React组件组合模式,用于构建灵活、可维护的React组件,通过复合组件等方式避免布尔属性泛滥。

4.9(2.0K)
392.9K
electron.js

electron

by @vercel-labs

通过Chrome DevTools协议,使用代理浏览器自动化Electron桌面应用程序,如VS Code、Slack等。

4.9(472)
321.4K
vercel

vercel-sandbox

by @vercel-labs

在Vercel Sandbox微虚拟机中运行代理浏览器和Chrome,实现Vercel部署应用的浏览器自动化。

4.9(84)
321.4K
aws

agentcore

by @vercel-labs

在AWS Bedrock云浏览器会话中运行agent-browser,所有标准命令完全兼容,自动处理凭证解析

4.9(85)
321.2K
vercel

vercel-react-native-skills

by @vercel-labs

Vercel官方推出的React Native智能代理技能集,旨在帮助移动开发者高效构建和部署跨平台应用。

4.8(2.0K)
240.5K
vercel-deployment

deploy-to-vercel

by @vercel-labs

将应用程序和网站部署到Vercel,响应用户部署应用、获取链接或上线等请求。

4.8(936)
155.0K
react

vercel-react-view-transitions

by @vercel-labs

在 React 与 Next.js 中实现原生视图过渡动画,支持页面切换、共享元素与方向导航,附带预设 CSS 动画方案。

4.8(20)
152.7K
vercel

vercel-cli-with-tokens

by @vercel-labs

使用CLI通过Token认证方式在Vercel上部署和管理项目,支持完整的项目生命周期管理

4.8(137)
123.7K
web-development

next-best-practices

by @vercel-labs

提供Next.js最佳实践,涵盖文件约定、RSC边界、数据模式、异步API、元数据、错误处理等,优化Next.js应用开发。

4.8(2.0K)
111.6K
vercel

vercel-optimize

by @vercel-labs

此技能用于对部署在 Vercel 上的项目进行成本和性能优化,尤其针对 Next.js、SvelteKit、Nuxt 等应用。它通过收集 Vercel 指标、使用情况和项目配置,结合代码扫描结果,提供基于数据、有排名的优化建议,旨在降低账单、提升 Core Web Vitals、优化函数调用和构建时间。

4.7(120)
97.9K
writing-guidelines

writing-guidelines

by @vercel-labs

此技能能够自动审查文档和文本内容,确保其符合预设的写作规范和风格指南。它通过自动化检查,显著提升了文档质量和一致性,减少了人工审查的时间和错误率。无论是技术文档、API 说明、用户手册,还是博客文章和营销材料,该 Skill 都能帮助团队维护专业的品牌形象和清晰的沟通标准,确保所有对外发布的内容都达到高水准,从而提高沟通效率和用户体验。

4.7(120)
93.3K
next.js-caching

next-cache-components

by @vercel-labs

Next.js 16缓存组件深度指南,全面解析PPR(部分预渲染)、缓存指令、缓存生命周期管理、缓存标签和动态更新机制,帮助开发者构建高性能Web应用,是Next.js开发者必备的缓存优化工具。

4.6(604)
36.7K
nextjs

next-upgrade

by @vercel-labs

指导用户将Next.js项目升级到最新版本,确保利用最新功能和性能优化,提升开发效率。

4.6(283)
24.5K
internal-testing

dogfood

by @vercel-labs

具备“狗粮测试”能力,即让AI智能体使用自己开发的产品,从而发现并解决问题,提升产品质量和用户体验。

4.6(668)
21.2K
slack-api

slack

by @vercel-labs

通过浏览器自动化与Slack工作区交互,用于检查未读频道、发送消息、提取数据等。

4.5(297)
14.2K
core-components

core

by @vercel-labs

核心包,用于定义前端的模式、目录和AI提示生成。,AI Agent Skill,提升工作效率和自动化能力

4.5(46)
13.5K
code-generation

codegen

by @vercel-labs

从 UI 规范自动生成代码的实用工具集。通过树遍历、属性序列化和自定义导出器,快速将设计转化为标准组件代码,减少手动编写错误,提升前端开发效率。

4.5(120)
8.8K
devtools

devtools

by @vercel-labs

此技能提供即插即用的调试面板,用于检查和调试 json-render 应用的 UI 元素树、运行时状态、动作日志和流更新。开发者可快速定位渲染问题、编辑状态、查看规格树,无需手动构建调试工具,大幅提升调试效率。

4.5(120)
8.3K
mcp

mcp

by @vercel-labs

用于构建 MCP 服务器,在 Claude、ChatGPT、Cursor 等客户端中通过 JSON 规范渲染交互式 UI。该 Skill 封装了 json-render 核心和 MCP 协议,开发者只需定义界面结构和组件,即可快速集成动态 UI,大幅降低 MCP 应用的前端开发成本。

4.4(120)
5.8K
network-security

portless

by @vercel-labs

掌握Portless工具的使用,为本地开发服务器设置具名URL,简化开发环境配置,提高多项目并行开发的便利性。

4.4(20)
5.8K
nextjs

next-browser

by @vercel-labs

自动化安装和更新next-browser工具,配合Playwright实现Next.js应用的浏览器测试环境

4.4(43)
4.7K
mobile

react-native

by @vercel-labs

将JSON规范转换为React Native组件树,支持数据绑定、动态属性、可见性控制和交互事件

4.4(20)
3.1K
oauth

oauth

by @vercel-labs

解决使用 Portless 进行本地开发时,OAuth 提供商(如 Google, Apple)因 `.localhost` 域名限制导致的重定向 URI 错误。通过配置 Portless 使用有效 TLD,确保 OAuth 登录顺畅,避免“redirect_uri_mismatch”等问题。

4.4(120)
3.0K
image-comparison

before-and-after

by @vercel-labs

用于处理前后对比截图,提供关于包使用和代理行为的特定指导。,AI Agent Skill,提升工作效率和自动化能力

4.4(44)
2.7K
code-quality

konsistent-config

by @vercel-labs

该技能为项目创建并维护 konsistent.json,用来约束文件系统结构与 TypeScript 导入导出规范。它把代码库中的主流写法提炼成可校验的约定,并把违规项作为审计输出,帮助团队在持续迭代中守住目录结构与模块边界,防止约定被悄悄破坏。

4.3(120)
2.5K
threejs

react-three-fiber

by @vercel-labs

React Three Fiber 渲染器,提供 19 个内置 3D 组件,支持服务端渲染的 schema 定义

4.3(20)
2.2K
native-sdk

native-sdk

by @vercel-labs

此技能为构建原生桌面应用提供完整指引:基于 TypeScript 与声明式 Native 标记编写应用,编译为无 JS 运行时的原生二进制;支持 Zig 核心与 WebView 嵌入,内置自动化服务器,可完成脚手架、UI 编写、桥接命令、打包与自动化测试全流程,显著降低桌面应用开发门槛。

4.3(120)
1.5K
vgpu

vgpu

by @vercel-labs

该 Skill 让 Agent 通过项目本地安装的 vgpu CLI 查询与锁定版本一致的捆绑文档,而不是凭记忆、仓库默认分支或托管站点推断 API。适用于依赖升级、迁移指南查阅以及避免版本错配写出幻觉接口的场景,确保改代码前先读到正确的指南与 API 页面。

4.3(120)
1.5K
source-code

opensrc

by @vercel-labs

此技能通过 opensrc 命令快速获取并缓存 npm/PyPI/crates.io 包或 GitHub 仓库的源代码,使 AI 智能体能够直接阅读依赖实现细节,而不仅限于类型与文档。适合调试库的意外行为、验证边界情况、学习知名项目的内部设计时使用,能显著提升上下文理解与问题定位效率。

4.3(120)
1.3K
vercel

deployments-cicd

by @vercel-labs

此技能提供 Vercel 部署与 CI/CD 专家指导,涵盖预览部署、生产部署、本地构建、快速回滚及与 GitHub Actions/GitLab CI/Bitbucket Pipelines 集成。帮助团队实现一键自动化部署和即时回滚,提升发布效率和稳定性。

4.3(120)
1.2K
ink

ink

by @vercel-labs

将 JSON 规范转换为交互式终端组件的渲染器,用于构建命令行界面

4.3(20)
1.2K
vercel

vercel-functions

by @vercel-labs

此技能提供 Vercel Functions 专家指导,涵盖 Serverless Functions、Edge Functions、Fluid Compute、Streaming、Cron Jobs 和运行时配置。适用于配置、调试或优化在 Vercel 上运行的服务器端代码,帮助开发者轻松管理计算资源并提升性能。

4.3(120)
1.1K
vercel

ai-gateway

by @vercel-labs

此技能为Vercel AI Gateway提供专家指导,用于配置模型路由、供应商故障转移、成本跟踪和通过统一API管理多个AI提供商。它简化了多模型调用,确保高可用性和可观测性,同时降低开发复杂度。

4.3(120)
1.1K
code-review

vercel-agent

by @vercel-labs

Vercel Agent 是 AI 驱动的代码审查和事故调查工具,自动分析 PR 中的安全漏洞和性能问题,提供根因分析,并支持自动安装 SDK,提升开发效率和代码质量。

4.3(120)
1.1K
vercel

env-vars

by @vercel-labs

此技能能够指导用户高效管理Vercel项目中的环境变量,包括.env文件层级、vercel env CLI命令、OIDC令牌生命周期等。适用于新项目初始化、本地开发环境搭建以及生产部署中的环境配置场景,帮助开发者避免敏感信息泄露并确保环境一致性。

4.3(120)
1.1K
turbopack

turbopack

by @vercel-labs

此技能提供Turbopack(Vercel开发的Rust + TypeScript 打包工具)的专家级指导。它能帮助用户配置Next.js 16的打包器、优化热模块替换(HMR)、调试构建问题、理解Turbopack与Webpack的差异,以及处理CSS、Sass、CSS Modules、树摇等特性。适用于大型项目或需要极致开发构建性能的场景。

4.3(120)
1.1K
vercel-middleware

routing-middleware

by @vercel-labs

此技能用于在Vercel平台上的请求到达缓存之前进行拦截和处理,支持重写、重定向、A/B测试、地理位置路由等场景。开发者可编写middleware.ts实现自定义请求逻辑,适用于任何框架。

4.3(120)
1.1K
vercel-storage

vercel-storage

by @vercel-labs

此技能提供Vercel存储选项的专家指导,涵盖Vercel Blob、Edge Config以及Neon Postgres等市场存储产品。帮助用户选择合适的存储方案、配置和使用,提高应用性能和开发效率。

4.3(120)
1.1K
authentication

auth

by @vercel-labs

此技能为 Vercel 应用提供 Clerk、Descope、Auth0 等认证集成指导,涵盖 SDK 安装、中间件配置、路由保护、用户数据访问等,帮助开发者快速实现用户认证流程,避免手动查阅文档和配置错误,提升开发效率。

4.3(120)
1.0K
full-stack

verification

by @vercel-labs

此技能能推断用户正在构建的全栈功能,并端到端验证浏览器、API、数据、响应各层的正确性。在开发服务器启动或用户遇到问题时触发,快速定位断连边界,减少手动调试时间。

4.3(120)
1.0K
marketplace

marketplace

by @vercel-labs

此技能帮助开发者快速发现、安装和管理 Vercel 平台上的第三方集成。通过分类、发现、安装的标准化流程,开发者无需手动搜索文档或 SDK,即可一键集成电商、支付、监控等服务,大幅减少前期调研和配置时间。

4.3(120)
1.0K
vercel

bootstrap

by @vercel-labs

此技能能自动编排 Vercel 项目的初始化流程,包括项目链接、环境变量配置、数据库资源部署等。它确保以正确的顺序执行任务,避免因顺序错误导致故障,大幅提升项目设置效率,适用于依赖 Vercel 资源的仓库初始化和修复。

4.3(120)
1.0K
vercel

runtime-cache

by @vercel-labs

此技能指导使用 Vercel Runtime Cache API,实现跨函数、中间件和构建的临时区域键值缓存,支持基于标签的精确失效。适合需要超越框架级缓存的场景,显著降低响应时间并提升数据一致性。

4.3(120)
1.0K
remotion

create-remotion-geist

by @vercel-labs

运用Geist设计系统的美学原则,创建高质量的Remotion视频。此技能专注于将设计美学融入视频制作流程。

4.2(39)
476
json-rendering

json-render-react

by @vercel-labs

一个React渲染器,能将JSON规范数据转换为可交互的React组件树,实现动态界面渲染。

4.2(51)
412
json-processing

json-render-core

by @vercel-labs

提供JSON渲染的核心功能,包括Schema定义、目录创建和规范流处理,用于构建动态内容和组件。

4.1(72)
356
🎁 Agent 知识卡片
调研问卷