Radix ui

Skill a5c-ai/babysitter/library/specializations/web-development/skills/radix-ui

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 radix-ui

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

Radix UI primitives, composition patterns, accessibility, and customization.

SKILL.md

1.4 KB, as published. Nobody here has run it

Radix UI Skill

Expert assistance for building accessible components with Radix UI.

Capabilities

Use Radix primitives
Compose accessible components
Style with CSS/Tailwind
Handle complex interactions
Implement WAI-ARIA patterns

Usage Pattern

import * as Dialog from '@radix-ui/react-dialog';

<Dialog.Root>
  <Dialog.Trigger asChild>
    <button>Open</button>
  </Dialog.Trigger>
  <Dialog.Portal>
    <Dialog.Overlay className="fixed inset-0 bg-black/50" />
    <Dialog.Content className="fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white p-6 rounded-lg">
      <Dialog.Title>Title</Dialog.Title>
      <Dialog.Description>Description</Dialog.Description>
      <Dialog.Close asChild>
        <button>Close</button>
      </Dialog.Close>
    </Dialog.Content>
  </Dialog.Portal>
</Dialog.Root>

Target Processes