CtrlK
BlogDocsLog inGet started
Tessl Logo

json-render

github.com/vercel-labs/json-render

SkillAddedReview
remotion-best-practices

skills/remotion-best-practices/SKILL.md

Best practices for Remotion - Video creation in React

51

shadcn

skills/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.

68

shadcn-svelte

skills/shadcn-svelte/SKILL.md

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.

65

skill-creator

skills/skill-creator/SKILL.md

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

79

1.25x
solid

skills/solid/SKILL.md

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.

68

svelte

skills/svelte/SKILL.md

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.

64

tanstack-start

skills/tanstack-start/SKILL.md

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.

72

vue

skills/vue/SKILL.md

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.

64

xstate

skills/xstate/SKILL.md

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

74

yaml

skills/yaml/SKILL.md

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.

68

zustand

skills/zustand/SKILL.md

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

74