Add yurieui to a Next app
`yurieui` is source-first. Downstream apps install JSON-backed registry items through the shadcn CLI, then own the resulting files inside their repo.
1. Add the registry namespace
{
"$schema": "https://ui.shadcn.com/schema.json",
"style": "new-york",
"rsc": true,
"tsx": true,
"tailwind": {
"config": "",
"css": "src/app/globals.css",
"baseColor": "stone",
"cssVariables": true
},
"aliases": {
"components": "@/components",
"hooks": "@/hooks",
"lib": "@/lib",
"utils": "@/lib/utils",
"ui": "@/components/ui"
},
"registries": {
"@yurieui": "https://ui.yurie.ai/r/{name}.json"
}
}2. Install the shared theme
pnpm dlx shadcn@latest add @yurieui/brand/yurie-themeImport `@/styles/yurie.css` from your app-level stylesheet after installation.
3. Install primitives or blocks
pnpm dlx shadcn@latest add @yurieui/ui/button
pnpm dlx shadcn@latest add @yurieui/blocks/prompt-composerAfter the registry namespace is configured, install items through `@yurieui/...`. Direct JSON URLs still work if you need them:https://ui.yurie.ai/r/<namespace>/<item>.json
4. Inspect and search before adding
pnpm dlx shadcn@latest search @yurieui
pnpm dlx shadcn@latest view @yurieui/blocks/prompt-composerShadcn's namespaced registry flow supports `search`, `view`, and `add`, so downstream apps can inspect dependencies and installed files before pulling code into the repo.
5. MCP-compatible registry index
https://ui.yurie.ai/r/registry.jsonThe hosted registry exposes a root `registry.json` index alongside item payloads, which matches the official Shadcn custom-registry and MCP flow.