Radix UI Skill

SkillDev tools

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

Use Radix UI Skill in Claude, ChatGPT or Ahel Desktop

Free. Sign in, add Radix UI Skill and connect your AI. About a minute.

Claude ChatGPT Ahel Desktop

Also: Claude Code · Cursor · Codex

Then ask your AI: use the Radix UI Skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Account requirements not reviewed. Check the skill instructions before use; Ahel provides instructions and does not run this skill.

No other account needed.

Add Ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

Radix UI SkillStart free

What this skill tells your AI

The instructions your AI receives, as published by a5c-ai/babysitter in library/specializations/web-development/skills/radix-ui/SKILL.md and read by Ahel’s review.

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

component-library
accessibility-implementation
design-system

Signals

GitHub stars: 2k
Forks: 113
Last commit: Sep 2026

Advanced

Item type: skill
Key: radix-ui
Source: github.com/a5c-ai/babysitter

github.com/a5c-ai/babysitter