Summary
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.
Install to Claude Code
npx -y skills add itechmeat/llm-code --skill base-ui --agent claude-codeInstalls to .claude/skills
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →Files
SKILL.md
Select a file.
Featured
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
