### Install Shadcn Studio Assets using pnpm Source: https://shadcnstudio.com/docs/getting-started/how-to-use-shadcn-cli Demonstrates how to install free and premium Shadcn Studio assets using the `pnpm dlx` command, covering both scoped package names and authenticated URL installations. ```bash # Using CLI v3 (Recommended) # Free content only pnpm dlx shadcn@latest add @shadcn-studio/[name] # Using CLI v3 (Recommended) # Free + Premium content (Pro items need authentication) pnpm dlx shadcn@latest add @ss-components/[name] pnpm dlx shadcn@latest add @ss-blocks/[name] pnpm dlx shadcn@latest add @ss-themes/[name] # Using CLI v2 # Free content only pnpm dlx shadcn@latest add "https://shadcnstudio.com/r/[name].json" # Using CLI v2 # Free + Premium content (Pro items need authentication) pnpm dlx shadcn@latest add "https://shadcnstudio.com/r/components/[name].json?email={YOUR_EMAIL}&license_key={YOUR_LICENSE_KEY}" pnpm dlx shadcn@latest add "https://shadcnstudio.com/r/blocks/[name].json?email={YOUR_EMAIL}&license_key={YOUR_LICENSE_KEY}" pnpm dlx shadcn@latest add "https://shadcnstudio.com/r/themes/[name].json?email={YOUR_EMAIL}&license_key={YOUR_LICENSE_KEY}" ``` -------------------------------- ### Install Free + Premium Shadcn Studio Assets with Auth via URL Source: https://shadcnstudio.com/docs/getting-started/how-to-use-shadcn-cli Installs free and premium content from Shadcn Studio by appending email and license key as URL parameters for authentication. This method is for accessing premium or restricted assets. ```bash npx shadcn@latest add "https://shadcnstudio.com/r/components/[component-name].json?email={YOUR_EMAIL}&license_key={YOUR_LICENSE_KEY}" npx shadcn@latest add "https://shadcnstudio.com/r/blocks/[block-name].json?email={YOUR_EMAIL}&license_key={YOUR_LICENSE_KEY}" npx shadcn@latest add "https://shadcnstudio.com/r/themes/[theme-name].json?email={YOUR_EMAIL}&license_key={YOUR_LICENSE_KEY}" ``` -------------------------------- ### Install Premium Themes using Shadcn CLI Source: https://shadcnstudio.com/docs/getting-started/how-to-use-shadcn-cli Installs premium themes using the Shadcn CLI, supporting v3 scoped package names and v2 direct JSON URLs with authentication. Manual installation of font dependencies is required. ```bash # Using CLI v3 (Recommended) npx shadcn@latest add @ss-themes/[premium-theme-name] # Using CLI v2 (with authentication) npx shadcn@latest add "https://shadcnstudio.com/r/themes/[premium-theme-name].json?email={YOUR_EMAIL}&license_key={YOUR_LICENSE_KEY}" ``` -------------------------------- ### Install Shadcn Studio MCP Server with Claude Code CLI Source: https://shadcnstudio.com/docs/getting-started/shadcn-studio-mcp-server Command to install the shadcn-studio MCP server within a project directory using Claude Code. This command requires your API key and email for authentication and setup. After installation, you can verify it using the `/mcp` command. ```bash claude mcp add --transport stdio shadcn-studio-mcp --scope user -- npx -y shadcn-studio-mcp API_KEY=YOUR_API_KEY EMAIL=YOUR_EMAIL ``` -------------------------------- ### Install Free Shadcn Studio Assets via URL Source: https://shadcnstudio.com/docs/getting-started/how-to-use-shadcn-cli Installs free components, blocks, and themes from Shadcn Studio using direct JSON URLs without requiring authentication. These commands are useful for quick access to public assets. ```bash npx shadcn@latest add "https://shadcnstudio.com/r/[name].json" npx shadcn@latest add "https://shadcnstudio.com/r/components/[component-name].json" npx shadcn@latest add "https://shadcnstudio.com/r/blocks/[block-name].json" npx shadcn@latest add "https://shadcnstudio.com/r/themes/[theme-name].json" ``` -------------------------------- ### Install Free Themes using Shadcn CLI Source: https://shadcnstudio.com/docs/getting-started/how-to-use-shadcn-cli Installs free themes using the Shadcn CLI, supporting v3 scoped package names and v2 direct JSON URLs. Note that font dependencies must be installed manually. ```bash # Using CLI v3 (Recommended) npx shadcn@latest add @shadcn-studio/art-deco npx shadcn@latest add @ss-themes/art-deco # Using CLI v2 npx shadcn@latest add "https://shadcnstudio.com/r/art-deco.json" npx shadcn@latest add "https://shadcnstudio.com/r/themes/art-deco.json" ``` -------------------------------- ### Install Free Components using Shadcn CLI Source: https://shadcnstudio.com/docs/getting-started/how-to-use-shadcn-cli Installs free components using the Shadcn CLI, supporting both the recommended v3 scoped package names and the older v2 direct JSON URL method. This is for accessing publicly available components. ```bash # Using CLI v3 (Recommended) npx shadcn@latest add @shadcn-studio/button-01 npx shadcn@latest add @ss-components/button-01 # Using CLI v2 npx shadcn@latest add "https://shadcnstudio.com/r/button-01.json" npx shadcn@latest add "https://shadcnstudio.com/r/components/button-01.json" ``` -------------------------------- ### Download Figma MCP Instructions for GitHub Copilot Source: https://shadcnstudio.com/docs/getting-started/figma-to-code-mcp-server This command downloads setup instructions for GitHub Copilot to understand how to work with Figma MCP and shadcn/studio components. It creates a .github/instructions directory if it doesn't exist and saves the instructions file within it. ```bash curl --create-dirs -o .github/instructions/figma-mcp.instructions.md https://cdn.shadcnstudio.com/ss-assets/mcp/instructions/figma-mcp-copilot-instructions.md ``` -------------------------------- ### Install Free Blocks using Shadcn CLI Source: https://shadcnstudio.com/docs/getting-started/how-to-use-shadcn-cli Installs free blocks using the Shadcn CLI, supporting both v3 scoped package names and v2 direct JSON URLs. This is for adding free block assets to your project. ```bash # Using CLI v3 (Recommended) npx shadcn@latest add @shadcn-studio/hero-section-01 npx shadcn@latest add @ss-blocks/hero-section-01 # Using CLI v2 npx shadcn@latest add "https://shadcnstudio.com/r/hero-section-01.json" npx shadcn@latest add "https://shadcnstudio.com/r/blocks/hero-section-01.json" ``` -------------------------------- ### Install Premium Components using Shadcn CLI Source: https://shadcnstudio.com/docs/getting-started/how-to-use-shadcn-cli Installs premium components using the Shadcn CLI, leveraging v3 scoped package names or v2 direct JSON URLs with authentication parameters. This allows access to paid or restricted component assets. ```bash # Using CLI v3 (Recommended) npx shadcn@latest add @ss-components/[premium-component-name] # Using CLI v2 (with authentication) npx shadcn@latest add "https://shadcnstudio.com/r/components/[premium-component-name].json?email={YOUR_EMAIL}&license_key={YOUR_LICENSE_KEY}" ```