Organize shadcn UI components and presets across Next.js, Vite, or TanStack Start workflows.
npx skills add https://github.com/loadinglucian/dotagents --skill shadcn-loadinglucian
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/loadinglucian/dotagents/tree/main/skills/shadcn Command: npx skills add https://github.com/loadinglucian/dotagents --skill shadcn-loadinglucian
This Skill centralizes the management of shadcn UI components and their project context, reducing setup friction and documenting best practices for usage, upgrades, and documentation across projects that leverage shadcn/ui.
Load this skill into your AI workspace and ask for a starter shadcn configuration.
High-intent search queries and answers about installing and using this skill.
Scaffolding apps with shadcn UI components involves using a centralized SKILL.md entry point to orchestrate component initialization and apply presets across Next.js, Vite, or TanStack Start workflows. This process streamlines project setup by enforcing structured metadata and documenting usage best practices.
Organizing shadcn UI component documentation requires defining a root SKILL.md with YAML frontmatter metadata, specifically name and description. You can augment this structure using optional resource directories like references/ and assets/ to load contextual files directly into the AI workspace.
shadcn UI preset management supports scaffolding and applying preset codes across Vite and TanStack Start workflows. The centralized skill structure provides workflow guidance for initializing, updating, and referencing component docs within these specific real-world project environments.
Applying preset codes across shadcn projects is handled by centralizing component management into a single skill. This reduces setup friction by providing workflow guidance for updates, integrating component docs, and enforcing a structured metadata schema for project-scoped discovery.
YAML frontmatter metadata for shadcn UI skills is required at the root SKILL.md to provide a structured schema for discovery and evaluation. You need it to define the name and description, ensuring proper documentation and orchestration of component workflows.
You can augment shadcn UI component behavior by utilizing the optional scripts/ resource directory within the skill structure. This allows you to integrate custom scripts alongside references and assets to enhance preset application and workflow automation.
wsimmondsMigrate Next.js Pages Router projects to App Router conventions.
Kevin-Liu-01Automate shadcn UI project setup and preset switching via CLI.
yugasunScaffold modern web frontend projects with Bun, Vite, React 19, and TypeScript 5.
MajesteitBartBuild accessible React UI components with shadcn-ui, Tailwind CSS, and Radix UI.
