vercel-labs · Agent Skills

65 Skills mit ausführlicher Dokumentation und geprüfter Quelle. Öffne eine Karte, um die Originalanleitung, den Paketinhalt und die Installation zu prüfen.

vercel-labs

Offiziell

devtools

Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched actions, follow stream patches live, browse a catalog, or pick DOM elements to find their spec keys. Triggers include "add devtools", "debug json-render", "inspect the spec", "why is this element not rendering", "see the state at runtime", or requests to tap streams / capture action logs for @json-render/devtools.

Installationen / 1h

2

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

devtools-react

React adapter for the json-render devtools inspector. Use whenever the user wants to add, configure, or troubleshoot @json-render/devtools-react in a React json-render app, including spec inspection, state editing, action and stream timelines, catalog browsing, or DOM picking.

Installationen / 1h

2

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

devtools-vue

Vue adapter for the json-render devtools inspector. Use whenever the user wants to add, configure, or troubleshoot @json-render/devtools-vue in a Vue json-render app, including spec inspection, state editing, action and stream timelines, catalog browsing, or DOM picking.

Installationen / 1h

2

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

json-render-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.

Installationen / 1h

2

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

next

Next.js renderer for json-render that turns JSON specs into full Next.js applications with routes, layouts, SSR, and metadata. Use when working with @json-render/next, building Next.js apps from JSON specs, or creating AI-generated multi-page applications.

Installationen / 1h

2

GitHub Stars

18.749

Aktualisiert

21. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

react-email

React Email renderer for json-render that turns JSON specs into HTML or plain-text emails using @react-email/components and @react-email/render. Use when working with @json-render/react-email, building transactional or marketing emails from JSON, creating email catalogs, rendering AI-generated email specs, or when the user mentions react-email, HTML email, or transactional email.

Installationen / 1h

2

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

react-native

React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs from JSON, creating mobile component catalogs, or rendering AI-generated specs on mobile.

Installationen / 1h

2

GitHub Stars

18.775

Aktualisiert

23. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

redux

Redux adapter for json-render's StateStore interface. Use when integrating json-render with Redux or Redux Toolkit for state management via @json-render/redux.

Installationen / 1h

2

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

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.

Installationen / 1h

2

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

zustand

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

Installationen / 1h

2

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

next-cache-components

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

Installationen / 1h

2

GitHub Stars

1694

Aktualisiert

6. März

1 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

next-upgrade

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

Installationen / 1h

2

GitHub Stars

1697

Aktualisiert

6. März

1 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

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, performance work, and Blender asset modeling, baking, and runtime integration.

Installationen / 1h

2

GitHub Stars

2582

Aktualisiert

16. Okt.

MIT11 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

webreel

Create and record scripted browser demo videos with webreel. Generates MP4, GIF, or WebM recordings with cursor animation, keystroke overlays, and sound effects from a JSON config. Use when the user wants to record a demo, create a browser video, edit a webreel config, generate a screen recording, preview a demo, or work with webreel in any way.

Installationen / 1h

2

GitHub Stars

948

Aktualisiert

16. Sept.

Apache-2.03 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

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.

Installationen / 1h

1

GitHub Stars

275

Aktualisiert

20. Okt.

Complete terms in LICENSE.txt2 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

deepsec

Run deepsec, an AI-powered cyber-security vulnerability scanner. Activates when the user invokes /deepsec, asks to run deepsec, or wants to scan their repo, branch, or uncommitted changes for vulnerabilities.

Installationen / 1h

1

GitHub Stars

8200

Aktualisiert

29. Sept.

Apache-2.0758 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

deepsec-docs

Use deepsec (an AI-powered vulnerability scanner) — one-shot initialization, resumable setup, project/model credentials, scans, generated or hand-authored matchers, and plugins. Activates when the user asks how to initialize, scan, configure, resume, or extend deepsec.

Installationen / 1h

1

GitHub Stars

8200

Aktualisiert

29. Sept.

Apache-2.0111 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

fast-link

Integrate, migrate, troubleshoot, or review Fast Link when it is named or the project uses or is adopting @fast-link/next, @fast-link/react, or @fast-link/core. General navigation performance requests alone are outside this skill's scope.

Installationen / 1h

1

GitHub Stars

3

Aktualisiert

19. Okt.

MIT5 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

codegen

Code generation utilities for json-render. Use when generating code from UI specs, building custom code exporters, traversing specs, or serializing props for @json-render/codegen.

Installationen / 1h

1

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

devtools-svelte

Svelte 5 adapter for the json-render devtools inspector. Use whenever the user wants to add, configure, or troubleshoot @json-render/devtools-svelte in a Svelte json-render app, including spec inspection, state editing, action and stream timelines, catalog browsing, or DOM picking.

Installationen / 1h

1

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

directives

Pre-built custom directives for json-render — formatting, math, string manipulation, and i18n. Use when working with @json-render/directives, defining custom directives with defineDirective, or adding $format, $math, $concat, $count, $truncate, $pluralize, $join, or $t to specs.

Installationen / 1h

1

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

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.

Installationen / 1h

1

GitHub Stars

18.595

Aktualisiert

7. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

jotai

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

Installationen / 1h

1

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →

vercel-labs

Offiziell

mcp

MCP Apps integration for json-render. Use when building MCP servers that render interactive UIs in Claude, ChatGPT, Cursor, or VS Code, or when integrating json-render with the Model Context Protocol.

Installationen / 1h

1

GitHub Stars

18.791

Aktualisiert

24. Okt.

Apache-2.01 Dateien

Skill-Details ansehen →