vercel-labs · Agent Skills

51 skills with substantive source documentation and an official publisher or observed installation demand. Read each skill’s original documentation through its card.

vercel-labs

官方

svelte

Svelte 5 renderer for json-render that turns JSON specs into Svelte component trees. Use when working with @json-render/svelte, building Svelte UIs from JSON, creating component catalogs, or rendering AI-generated specs.

安装量

3

GitHub Stars

1.6万

最近更新

9月8日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

vue

Vue 3 renderer for json-render. Use when building Vue UIs from JSON specs, working with @json-render/vue, defining Vue component registries, or rendering AI-generated specs in Vue.

安装量

3

GitHub Stars

1.6万

最近更新

9月8日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

yaml

YAML wire format for json-render with streaming parser, prompt generation, and AI SDK transform. Use when working with @json-render/yaml, YAML-based spec streaming, yaml-spec/yaml-edit fences, or YAML prompt generation.

安装量

3

GitHub Stars

1.6万

最近更新

9月8日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

zustand

Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.

安装量

3

GitHub Stars

1.6万

最近更新

9月8日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

next-best-practices

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

安装量

3

GitHub Stars

1690

最近更新

3月6日

20 文件

查看详情 →

vercel-labs

官方

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

安装量

2

GitHub Stars

264

最近更新

9月18日

Complete terms in LICENSE.txt2 文件

查看详情 →

vercel-labs

官方

next-cache-components

Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag

安装量

2

GitHub Stars

1697

最近更新

3月6日

1 文件

查看详情 →

vercel-labs

官方

next-upgrade

Upgrade Next.js to the latest version following official migration guides and codemods

安装量

2

GitHub Stars

1697

最近更新

3月6日

1 文件

查看详情 →

vercel-labs

官方

vgpu

- Build, debug, test, and optimize WebGPU projects using vgpu, its CLI, or @vgpu packages. Use for vgpu API questions, WGSL workflows, browser or Node rendering, integrations, testing, and performance work.

安装量

2

GitHub Stars

2170

最近更新

9月16日

MIT1 文件

查看详情 →

vercel-labs

官方

image

Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render/image, generating OG images from JSON, creating social cards, or rendering AI-generated image specs.

安装量

1

GitHub Stars

1.9万

最近更新

10月7日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

jotai

Jotai adapter for json-render's StateStore interface. Use when integrating json-render with Jotai for state management via @json-render/jotai.

安装量

1

GitHub Stars

1.6万

最近更新

9月16日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

react-pdf

React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffers/streams/files.

安装量

1

GitHub Stars

1.6万

最近更新

9月16日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

react-three-fiber

React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/lights/models/environments, or integrating Three.js with json-render catalogs.

安装量

1

GitHub Stars

1.6万

最近更新

9月16日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

remotion

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines.

安装量

1

GitHub Stars

1.6万

最近更新

9月16日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

remotion-best-practices

Best practices for Remotion - Video creation in React

安装量

1

GitHub Stars

1.6万

最近更新

9月16日

Apache-2.037 文件

查看详情 →

vercel-labs

官方

shadcn

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind CSS components.

安装量

1

GitHub Stars

1.8万

最近更新

9月21日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

shadcn-svelte

Pre-built shadcn-svelte components for json-render Svelte apps. Use when working with @json-render/shadcn-svelte, adding standard UI components to a Svelte catalog, or building Svelte web UIs with shadcn-svelte + Tailwind CSS components.

安装量

1

GitHub Stars

1.6万

最近更新

9月16日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

solid

SolidJS renderer for json-render. Use when building @json-render/solid catalogs/registries, wiring Renderer providers, implementing bindings/actions, or troubleshooting Solid-specific reactivity patterns.

安装量

1

GitHub Stars

1.6万

最近更新

9月16日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

tanstack-start

Build JSON-defined TanStack Start applications with @json-render/tanstack-start. Use for Start route specs, splat routing, SSR loaders, head metadata, layouts, and client navigation. Do not use for generic TanStack Router apps that do not use json-render.

安装量

1

GitHub Stars

1.6万

最近更新

9月16日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

xstate

XState Store adapter for json-render's StateStore interface. Use when integrating json-render with @xstate/store for state management via @json-render/xstate.

安装量

1

GitHub Stars

1.6万

最近更新

9月16日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

lat-md

- Writing and maintaining lat.md documentation files — structured markdown that describes a project's architecture, design decisions, and test specs. Use when creating, editing, or reviewing files in the lat.md/ directory.

安装量

1

GitHub Stars

2007

最近更新

9月24日

MIT1 文件

查看详情 →

vercel-labs

官方

cra-to-next-migration

Comprehensive guide for migrating Create React App (CRA) projects to Next.js. Use when migrating a CRA app, converting React Router to file-based routing, or adopting Next.js patterns like Server Components, App Router, or image optimization.

安装量

1

GitHub Stars

13

最近更新

1月30日

MIT149 文件

查看详情 →

vercel-labs

官方

native-sdk

Discovery skill for the Native SDK, the complete toolkit for building native desktop applications. Apps are authored in TypeScript + declarative Native markup (.native) by default and compiled to native code with no JS runtime in the binary; Zig cores are an explicit alternative, and WebViews are the optional web-content path. Use when the user asks what the Native SDK is, how to build a Native SDK app, author native UI, scaffold an app, configure app.json or legacy app.zon, add bridge commands,

安装量

1

GitHub Stars

7687

最近更新

9月16日

Apache-2.01 文件

查看详情 →

vercel-labs

官方

plan-mode

Holistic, system-aware planning before implementing non-trivial tasks. Use when the task involves new features, architectural decisions, multi-file changes, unclear requirements, or multiple valid approaches. Triggers on "/plan", "plan this", "design an approach", "let's plan first".

安装量

1

GitHub Stars

5822

最近更新

8月29日

MIT1 文件

查看详情 →