Base Ui React

You'll want this if you're building accessible React components but need full styling control without fighting a design system. It covers Base UI's render props pattern (their alternative to Radix's asChild), the Positioner wrapper for handling Floating UI positioning on Selects and Popovers, and documented workarounds for 10+ beta gotchas. The skill is honest about beta status (v1.0.0-beta.4, stable Q4 2025) and includes a Radix migration guide. Most useful when you're tired of CSS specificity battles with component libraries or need accessible primitives that work with Tailwind v4. The render prop examples make prop spreading explicit, which actually helps when debugging why your Dialog trigger isn't working.

skills.sh installs: 259
GitHub stars: 16
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add jackspace/claudeskillz --skill base-ui-react --agent claude-code

Installs into .claude/skills of the current project.

Files

Base UI React

Status: Beta (v1.0.0-beta.4) - Stable v1.0 expected Q4 2025 Last Updated: 2025-11-07 Dependencies: React 19+, Vite (recommended), Tailwind v4 (recommended) Latest Versions: @base-ui-components/react@1.0.0-beta.4

⚠️ Important Beta Status Notice

Base UI is currently in beta. Before using in production:

✅ Stable: Core components (Dialog, Popover, Tooltip, Select, Accordion) are production-ready
⚠️ API May Change: Minor breaking changes possible before v1.0 (Q4 2025)
✅ Production Tested: Used in real projects with documented workarounds
⚠️ Known Issues: 10+ documented issues with solutions in this skill
✅ Migration Path: Clear migration guide from Radix UI included

Recommendation: Use for new projects comfortable with beta software. Wait for v1.0 for critical production apps.