·shadcn-ui-setup
*

shadcn-ui-setup

andrelandgraf/fullstackrecipes

Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration.

45Installs·0Trend·@andrelandgraf

Installation

$npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill shadcn-ui-setup

SKILL.md

To set up Shadcn UI & Theming, refer to the fullstackrecipes MCP server resource:

If the MCP server is not configured, fetch the recipe directly:

Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration. Source: andrelandgraf/fullstackrecipes.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill shadcn-ui-setup Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill shadcn-ui-setup
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is shadcn-ui-setup?

Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration. Source: andrelandgraf/fullstackrecipes.

How do I install shadcn-ui-setup?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill shadcn-ui-setup Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/andrelandgraf/fullstackrecipes