·shadcn
*

shadcn

Предварительно созданные компоненты shadcn/ui для json-рендеринга. Используйте при работе с @json-render/shadcn, добавлении стандартных компонентов пользовательского интерфейса в каталог или создании веб-интерфейсов с помощью компонентов Radix UI + Tailwind CSS.

61Установки·15Тренд·@vercel-labs

Установка

$npx skills add https://github.com/vercel-labs/json-render --skill shadcn

Как установить shadcn

Быстро установите AI-навык shadcn в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/vercel-labs/json-render --skill shadcn
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: vercel-labs/json-render.

Pre-built shadcn/ui component definitions and implementations for json-render. Provides 36 components built on Radix UI + Tailwind CSS.

| @json-render/shadcn/catalog | shadcnComponentDefinitions | Catalog schemas (no React dependency, safe for server) | | @json-render/shadcn | shadcnComponents | React implementations |

Pick the components you need from the standard definitions. Do not spread all definitions -- explicitly select what your app uses:

Предварительно созданные компоненты shadcn/ui для json-рендеринга. Используйте при работе с @json-render/shadcn, добавлении стандартных компонентов пользовательского интерфейса в каталог или создании веб-интерфейсов с помощью компонентов Radix UI + Tailwind CSS. Источник: vercel-labs/json-render.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/vercel-labs/json-render --skill shadcn
Источник
vercel-labs/json-render
Категория
*Креатив
Проверено
Впервые замечено
2026-03-08
Обновлено
2026-03-10

Browse more skills from vercel-labs/json-render

Короткие ответы

Что такое shadcn?

Предварительно созданные компоненты shadcn/ui для json-рендеринга. Используйте при работе с @json-render/shadcn, добавлении стандартных компонентов пользовательского интерфейса в каталог или создании веб-интерфейсов с помощью компонентов Radix UI + Tailwind CSS. Источник: vercel-labs/json-render.

Как установить shadcn?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/vercel-labs/json-render --skill shadcn После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/vercel-labs/json-render