Shadcn

Skill a5c-ai/babysitter/library/specializations/web-development/skills/shadcn

Babysitter enforces obedience on agentic workforces and enables them to manage extremely complex tasks and workflows through deterministic, hallucination-free self-orchestration

Install

npx -y skills add a5c-ai/babysitter --skill shadcn

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

shadcn/ui component patterns, customization, theming, and integration.

SKILL.md

1.3 KB, as published. Nobody here has run it

shadcn/ui Skill

Expert assistance for building UIs with shadcn/ui components.

Capabilities

Install and configure components
Customize component styles
Implement theming
Extend components
Integrate with forms

Usage Pattern

npx shadcn-ui@latest add button dialog form

import { Button } from '@/components/ui/button';
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';

<Dialog>
  <DialogTrigger asChild>
    <Button variant="outline">Open</Button>
  </DialogTrigger>
  <DialogContent>
    <DialogHeader>
      <DialogTitle>Title</DialogTitle>
    </DialogHeader>
    {/* Content */}
  </DialogContent>
</Dialog>

Theming

:root {
  --primary: 222.2 47.4% 11.2%;
  --primary-foreground: 210 40% 98%;
}

Target Processes

react-application-development
nextjs-full-stack
rapid-prototyping