Claude skills and agent skills

VercelSkill

web-design-guidelines

vercel-labs/agent-skills/skills/web-design-guidelines/SKILL.md

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Often used withintelligent-routing·vercel-composition-patterns·unocss

VercelSkill

writing-guidelines

vercel-labs/agent-skills/skills/writing-guidelines/SKILL.md

Review docs/prose for Writing Guidelines compliance. Use when asked to "review my docs", "check writing style", "audit prose", "review docs voice and tone", or "check this page against the writing handbook".

VercelSkill

codegen

vercel-labs/json-render/skills/codegen/SKILL.md

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.

VercelSkill

devtools-react

vercel-labs/json-render/skills/devtools-react/SKILL.md

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.

No other project uses it yet

VercelSkill

devtools-solid

vercel-labs/json-render/skills/devtools-solid/SKILL.md

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

No other project uses it yet

VercelSkill

devtools-svelte

vercel-labs/json-render/skills/devtools-svelte/SKILL.md

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.

No other project uses it yet

VercelSkill

devtools-vue

vercel-labs/json-render/skills/devtools-vue/SKILL.md

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.

No other project uses it yet

VercelSkill

directives

vercel-labs/json-render/skills/directives/SKILL.md

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.

VercelSkill

image

vercel-labs/json-render/skills/image/SKILL.md

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.

Often used withpopups·co-marketing·competitor-profiling

VercelSkill

ink

vercel-labs/json-render/skills/ink/SKILL.md

Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from JSON, creating terminal component catalogs, or rendering AI-generated specs in the terminal.

VercelSkill

jotai

vercel-labs/json-render/skills/jotai/SKILL.md

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

No other project uses it yet

VercelSkill

json-render-shadcn

vercel-labs/json-render/skills/json-render-shadcn/SKILL.md

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.

VercelSkill

mcp

vercel-labs/json-render/skills/mcp/SKILL.md

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.

Often used withapi·cli

VercelSkill

next

vercel-labs/json-render/skills/next/SKILL.md

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.

VercelSkill

react-email

vercel-labs/json-render/skills/react-email/SKILL.md

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.

Often used withemail-best-practices

VercelSkill

react-native

vercel-labs/json-render/skills/react-native/SKILL.md

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.

VercelSkill

react-pdf

vercel-labs/json-render/skills/react-pdf/SKILL.md

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.

VercelSkill

react

vercel-labs/json-render/skills/react/SKILL.md

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

VercelSkill

react-three-fiber

vercel-labs/json-render/skills/react-three-fiber/SKILL.md

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.

VercelSkill

redux

vercel-labs/json-render/skills/redux/SKILL.md

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.