跳到正文
cccskills

Vercel Labs

@vercel-labs

Vercel 官方组织

Develop. Preview. Ship. Creators of Next.js.

145 个技能34 个仓库 19.7万

技能(145)

在搜索中筛选

devtools

Vercel 官方免费

Debug json-render interfaces with an inspector panel that shows screen specifications, editable runtime state, action history, and streamed updates. Select a rendered page element to locate its definition and investigate display or interaction problems.

中文简介正在准备中。当前显示英语简介。

  • Investigate missing or incorrectly displayed elements
  • Inspect and edit application state at runtime
  • Review action results and errors
vercel-labs/json-render1.9万2026年10月14日 更新

svelte

Vercel 官方免费

Turn JSON screen descriptions into Svelte 5 interfaces. This skill covers component catalogs, registration, shared state, form bindings that keep inputs and data synchronized, conditional display, and streaming AI-generated interfaces as they arrive.

中文简介正在准备中。当前显示英语简介。

  • Render a Svelte interface from JSON
  • Define and register reusable screen components
  • Synchronize form inputs with shared state
vercel-labs/json-render1.9万2026年10月14日 更新

remotion

Vercel 官方免费

Turn JSON timelines into Remotion video compositions with titles, images, text overlays, and animated statistics. The skill covers playback setup, reusable video components, transitions, effects, and adding custom clips to a video catalog.

中文简介正在准备中。当前显示英语简介。

  • Build a video composition from a JSON timeline
  • Create title cards and image slides
  • Add captions and name overlays
vercel-labs/json-render1.9万2026年10月14日 更新

yaml

Vercel 官方免费

Helps integrate YAML output into json-render, turning incoming text into incremental UI updates. Covers prompt generation, streaming parsing, and targeted edits to existing UI specifications through merge, patch, or diff formats.

中文简介正在准备中。当前显示英语简介。

  • Render UI updates as YAML arrives
  • Generate prompts for YAML output
  • Apply partial edits to existing UI specifications
vercel-labs/json-render1.9万2026年10月14日 更新

devtools-vue

Vercel 官方免费

Add and configure an inspection panel for Vue json-render apps. This skill guides setup and troubleshooting so you can inspect UI definitions, edit state, review action and stream timelines, browse catalogs, and select page elements.

中文简介正在准备中。当前显示英语简介。

  • Adding an inspection panel to a Vue app
  • Inspecting UI definitions and editing state
  • Reviewing action and stream timelines
vercel-labs/json-render1.9万2026年10月14日 更新

portless

Vercel 官方免费

Set up portless to give local development servers stable, named URLs instead of changing port numbers. It covers multiple apps, separate Git worktree URLs, HTTPS setup, and checks for proxy, domain resolution, and certificate problems.

中文简介正在准备中。当前显示英语简介。

  • Giving local development apps stable, named URLs
  • Running multiple services in a monorepo
  • Keeping Git worktrees on separate URLs
vercel-labs/portless1.3万2026年10月22日 更新

oauth

Vercel 官方免费

Configure OAuth, the authorization flow used for provider sign-in, with portless development URLs. It guides callback registration and authentication library settings, helping diagnose rejected domains, redirect URL mismatches, and callbacks that point to the wrong address.

中文简介正在准备中。当前显示英语简介。

  • Setting up provider sign-in with portless development URLs
  • Diagnosing redirect URL mismatch errors
  • Using an owned domain when .localhost is rejected
vercel-labs/portless1.3万2026年10月22日 更新

deepsec-docs

Vercel 官方免费

Get documentation-based help with deepsec, an AI vulnerability scanner. Initialize or resume setup, configure scans and model credentials, and create detection rules or plugins using the documentation bundled with the installed version.

中文简介正在准备中。当前显示英语简介。

  • Initializing deepsec and resuming interrupted setup
  • Configuring scans, models, and credentials
  • Creating or customizing vulnerability detection rules
vercel-labs/deepsec82372026年9月29日 更新

technical-writer

Vercel 官方免费

Write, review, and edit developer documentation for SDKs, libraries, and frameworks. Organize guides, API references, and code examples around readers’ tasks, checking technical claims against source code and official documentation while following the destination site’s conventions.

中文简介正在准备中。当前显示英语简介。

  • Writing a getting-started guide
  • Reviewing API documentation and code examples
  • Updating migration and troubleshooting guides
vercel-labs/deepsec82372026年9月29日 更新

deepsec

Vercel 官方免费

Run an AI vulnerability scan on uncommitted changes, changes against main, or an entire codebase. Filter candidate files, investigate potential security issues, and review findings with severity ratings, with options to revalidate and export results.

中文简介正在准备中。当前显示英语简介。

  • Checking uncommitted changes for vulnerabilities
  • Reviewing security issues in changes against main
  • Scanning an existing codebase
vercel-labs/deepsec82372026年9月29日 更新

native-sdk

Vercel 官方免费

Find the Native SDK guidance needed to build desktop apps with TypeScript and Native markup, a declarative UI format. Covers getting started and locating instructions for interface development, packaging, embedded web content, and running-app automation.

中文简介正在准备中。当前显示英语简介。

  • Start a native desktop app
  • Find guidance for building native interfaces
  • Explore ways to embed existing web content
vercel-labs/native78042026年10月21日 更新

native-ui

Vercel 官方免费

Create Native SDK interfaces with .native markup, connecting layouts, widgets, and user actions to app state and messages. Covers TypeScript core integration, explicit Zig alternatives, menus, scrolling, embedded web panes, and interface verification.

中文简介正在准备中。当前显示英语简介。

  • Building screens and connecting them to app state
  • Adding context menus and menu-bar items
  • Displaying long lists with virtualized rendering
vercel-labs/native78042026年10月21日 更新

zig

Vercel 官方免费

Fix Native SDK build failures caused by older Zig APIs. Organized by compiler error, this guide shows Zig 0.16 patterns for file access, output, lists, processes, environment variables, clocks, networking, and build configuration.

中文简介正在准备中。当前显示英语简介。

  • Migrating older Zig code to Zig 0.16
  • Fixing file access and output errors
  • Updating ArrayList allocation calls
vercel-labs/native78042026年10月21日 更新

core

Vercel 官方免费

Build and modify Native SDK apps with guidance on project structure, configuration, native features, packaging, and testing. Explains the default TypeScript and Native markup approach, plus WebViews, embedded web interfaces, and their permissions.

中文简介正在准备中。当前显示英语简介。

  • Identify where to change an existing app
  • Connect a web interface to native features
  • Configure permissions for windows and dialogs
vercel-labs/native78042026年10月21日 更新

ts-core

Vercel 官方免费

Build Native SDK app logic in TypeScript using explicit state, messages, and update functions. Explains the supported language subset, compiler diagnostics, module organization, and tests for logic that compiles directly into native code.

中文简介正在准备中。当前显示英语简介。

  • Designing state and messages for a new app
  • Fixing unsupported TypeScript constructs
  • Splitting app logic into modules
vercel-labs/native78042026年10月21日 更新

automation

Vercel 官方免费

Test running Native SDK apps by checking readiness, inspecting windows, driving widgets, and checking communication between JavaScript and Zig. Includes repeatable canvas screenshots and basic integration tests to confirm that key app features work.

中文简介正在准备中。当前显示英语简介。

  • Checking app readiness and window state
  • Testing widget input and interactions
  • Comparing repeatable canvas screenshots
vercel-labs/native78042026年10月21日 更新

ts-services

Vercel 官方免费

Guides development of Native SDK TypeScript services for file access, network requests, and other work outside the deterministic core. Covers typed calls, pinned npm dependencies, streaming, cancellation, replay, and process or thread execution.

中文简介正在准备中。当前显示英语简介。

  • Adding or updating Native SDK TypeScript services
  • Moving file access or JSON processing out of the core
  • Investigating NS1065–NS1067 errors
vercel-labs/native78042026年10月21日 更新

deploy-open-harness

Vercel 官方免费

Guides deployment of Open Harness on Vercel, from collecting credentials and setting environment variables to checking the first session. Separates a basic setup from a fuller setup with GitHub repository access.

中文简介正在准备中。当前显示英语简介。

  • Deploying a personal copy of Open Harness
  • Identifying credentials needed for a basic deployment
  • Adding GitHub repository access
vercel-labs/open-agents58562026年8月29日 更新

agent-browser

Vercel 官方免费

Automates website navigation, form entry, and information extraction through browser commands. Helps test web applications, reuse saved login state, and capture screenshots, PDFs, or recordings of browser workflows for inspection and documentation.

中文简介正在准备中。当前显示英语简介。

  • Filling and submitting web forms
  • Testing web application behavior
  • Extracting text and links from pages
vercel-labs/open-agents58562026年8月29日 更新

code-review

Vercel 官方免费

Review uncommitted changes, commits, branch differences, or pull requests in context. Identify bugs and concrete security weaknesses, explain when each issue occurs and how serious it is, and provide actionable feedback grounded in the surrounding code.

中文简介正在准备中。当前显示英语简介。

  • Reviewing uncommitted changes before a commit
  • Checking a specific commit or branch difference
  • Reviewing a pull request before merging
vercel-labs/open-agents58562026年8月29日 更新

chat-sdk

Vercel 官方免费

Build chat bots for multiple platforms using shared TypeScript logic with Chat SDK. The skill guides message handling, interactive cards, webhook connections, streamed AI replies, and adapters that connect platforms or store conversation state.

中文简介正在准备中。当前显示英语简介。

  • Build a bot for Slack and Teams
  • Respond to mentions and direct messages
  • Add approval buttons to message cards
vercel-labs/open-agents58562026年8月29日 更新

emil-design-eng

Vercel 官方免费

Helps build and review interface details such as button feedback, menus, animations, and drag gestures. Provides concrete implementation guidance based on usage frequency, responsiveness, rendering performance, and accessibility, including when to reduce or omit motion.

中文简介正在准备中。当前显示英语简介。

  • Reviewing UI code with concrete changes and reasons
  • Choosing animation timing and easing
  • Refining drag gestures and component feedback
vercel-labs/open-agents58562026年8月29日 更新

vercel-react-best-practices

Vercel 官方免费

Write, review, and refactor React and Next.js code using Vercel's performance guidelines. Apply prioritized rules to reduce sequential data fetching, shrink downloaded code, improve server processing, and avoid unnecessary updates to the interface.

中文简介正在准备中。当前显示英语简介。

  • Reviewing React and Next.js code for performance issues
  • Improving data fetching that waits on sequential requests
  • Reducing downloaded JavaScript and page load times
vercel-labs/open-agents58562026年8月29日 更新

web-animation-design

Vercel 官方免费

Design and refine web animations for buttons, dialogs, menus, and gestures. The skill guides timing, changes in speed, spring motion, performance, and reduced-motion preferences so transitions fit the interaction and remain responsive.

中文简介正在准备中。当前显示英语简介。

  • Refine dialog and menu transitions
  • Adjust button press and hover feedback
  • Investigate stuttering animations
vercel-labs/open-agents58562026年8月29日 更新

这是你的账号吗?关联 GitHub 后可以汇总到你的创作者页面(日语)