Base Ui

This teaches Claude to build accessible React UIs with Base UI's unstyled component primitives. You get forms, menus, overlays, sliders, and toasts with full accessibility baked in, but zero styling opinions. The render prop pattern and mergeProps utility let you compose custom components while keeping ARIA attributes and keyboard behavior intact. Use this when you want headless components that work with your design system instead of fighting a premade theme. The skill covers 25+ components and handles the tricky bits like portal positioning, RTL support, and form validation timing. If you're building a component library or need total style control without reinventing accessibility, this is the reference you want.

skills.sh installs: 235
GitHub stars: 23
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add itechmeat/llm-code --skill base-ui --agent claude-code

Installs into .claude/skills of the current project.

Files

Base UI (React)

Base UI provides unstyled, composable React components. This skill focuses on assembling multi-part components, composing with the render prop, and meeting accessibility requirements while you supply styling.