base-ui-react
Production-tested setup for Base UI (@base-ui-components/react) - MUI's unstyled component librarythat provides accessible, customizable React components using render props pattern. This skillshould be used when building accessible UIs with full styling control, migrating from Radix UI,or needing components with Floating UI integration for smart positioning.Use when: Setting up Base UI in Vite + React projects, migrating from Radix UI to Base UI,implementing accessible components (Dialog, Select, Popover, Tooltip, NumberField, Accordion),encountering positioning issues with popups, needing render prop API instead of asChild pattern,building with Tailwind v4 + shadcn/ui, or deploying to Cloudflare Workers.⚠️ BETA STATUS: Base UI is v1.0.0-beta.4. Stable v1.0 expected Q4 2025. This skill providesworkarounds for known beta issues and guidance on API stability.Keywords: base-ui, @base-ui-components/react, mui base ui, unstyled components, accessible components,render props, radix alternative, radix
Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security
Installation for Agentic Skill
View all platforms →skilz install jackspace/ClaudeSkillz/base-ui-react skilz install jackspace/ClaudeSkillz/base-ui-react --agent opencode skilz install jackspace/ClaudeSkillz/base-ui-react --agent codex skilz install jackspace/ClaudeSkillz/base-ui-react --agent gemini
First time? Install Skilz: pip install skilz
Works with 22+ AI coding agents
Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...
Extract and copy to ~/.claude/skills/ then restart Claude Desktop
git clone https://github.com/jackspace/ClaudeSkillz cp -r ClaudeSkillz/skills/base-ui-react ~/.claude/skills/ Need detailed installation help? Check our platform-specific guides:
Related Agentic Skills
api-error-handling
by aj-geddesImplement comprehensive API error handling with standardized error responses, logging, monitoring, and user-friendly messages. Use when building resil...
markdownlint-integration
by TheBushidoCollectiveIntegrate markdownlint into development workflows including CLI usage, programmatic API, CI/CD pipelines, and editor integration.
route-tester
by diet103Test authenticated routes in the your project using cookie-based authentication. Use this skill when testing API endpoints, validating route functiona...
hook-development
by anthropicsThis skill should be used when the user asks to "create a hook", "add a PreToolUse/PostToolUse/Stop hook", "validate tool use", "implement prompt-base...
Agentic Skill Details
- Repository
- ClaudeSkillz
- Type
- Technical
- Meta-Domain
- web api
- Primary Domain
- api
- Market Score
- 12.9
Browse Category
More web api Agentic SkillsReport Security Issue
Found a security vulnerability in this agent skill?