json-render-shadcn とは?
json-render 用に事前に構築された shadcn/ui コンポーネント。 @json-render/shadcn を操作する場合、標準 UI コンポーネントをカタログに追加する場合、または Radix UI + Tailwind CSS コンポーネントを使用して Web UI を構築する場合に使用します。 ソース: vercel-labs/json-render。
json-render 用に事前に構築された shadcn/ui コンポーネント。 @json-render/shadcn を操作する場合、標準 UI コンポーネントをカタログに追加する場合、または Radix UI + Tailwind CSS コンポーネントを使用して Web UI を構築する場合に使用します。
コマンドラインで json-render-shadcn AI スキルを開発環境にすばやくインストール
ソース: 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:
json-render 用に事前に構築された shadcn/ui コンポーネント。 @json-render/shadcn を操作する場合、標準 UI コンポーネントをカタログに追加する場合、または Radix UI + Tailwind CSS コンポーネントを使用して Web UI を構築する場合に使用します。 ソース: vercel-labs/json-render。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/vercel-labs/json-render --skill json-render-shadcnjson-render 用に事前に構築された shadcn/ui コンポーネント。 @json-render/shadcn を操作する場合、標準 UI コンポーネントをカタログに追加する場合、または Radix UI + Tailwind CSS コンポーネントを使用して Web UI を構築する場合に使用します。 ソース: vercel-labs/json-render。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vercel-labs/json-render --skill json-render-shadcn インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/vercel-labs/json-render