ReddRadar
Agent skill
shadcn-ui-setup
Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration.
Install this agent skill to your Project
npx add-skill https://github.com/andrelandgraf/fullstackrecipes/tree/main/.agents/skills/shadcn-ui-setup
SKILL.md
Shadcn UI & Theming
To set up Shadcn UI & Theming, refer to the fullstackrecipes MCP server resource:
Resource URI: recipe://fullstackrecipes.com/shadcn-ui-setup
If the MCP server is not configured, fetch the recipe directly:
curl -H "Accept: text/plain" https://fullstackrecipes.com/api/recipes/shadcn-ui-setup
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
andrelandgraf/fullstackrecipes
shiki-code-blocks
Syntax highlight code blocks with Shiki. Supports server-side rendering in RSC and automatic light/dark theme switching.
andrelandgraf/fullstackrecipes
better-auth-emails
Add email verification, password reset, and account management emails to Better Auth using Resend.
andrelandgraf/fullstackrecipes
ai-sdk-setup
Install the Vercel AI SDK with AI Elements components. Build a streaming chat interface with the useChat hook.
andrelandgraf/fullstackrecipes
code-style-setup
Configure Prettier for code formatting and TypeScript for typechecking. Includes VSCode settings and EditorConfig for consistent code style. Skips ESLint/Biome to avoid config complexity.
andrelandgraf/fullstackrecipes
using-nuqs
Manage React state in URL query parameters with nuqs. Covers Suspense boundaries, parsers, clearing state, and deep-linkable dialogs.
andrelandgraf/fullstackrecipes
chat-naming
Generate descriptive chat titles from the first message using a fast LLM. Runs as a background workflow step after the main response to avoid delaying the experience.
Didn't find tool you were looking for?