Skillzwave Logo
Skillzwave

base-ui-react

12.9

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

Also in: javascript

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...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/jackspace/ClaudeSkillz
2. Copy the agent skill directory:
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-geddes

Implement comprehensive API error handling with standardized error responses, logging, monitoring, and user-friendly messages. Use when building resil...

79
C
TECHapi
+monitoring

markdownlint-integration

by TheBushidoCollective

Integrate markdownlint into development workflows including CLI usage, programmatic API, CI/CD pipelines, and editor integration.

58
F
TECHapi
Marketplace

route-tester

by diet103

Test authenticated routes in the your project using cookie-based authentication. Use this skill when testing API endpoints, validating route functiona...

57
F
TECHapi
+testing+security

hook-development

by anthropics

This skill should be used when the user asks to "create a hook", "add a PreToolUse/PostToolUse/Stop hook", "validate tool use", "implement prompt-base...

54
TECHapi
Marketplace

Agentic Skill Details

Repository
ClaudeSkillz
Type
Technical
Meta-Domain
web api
Primary Domain
api
Market Score
12.9

Report Security Issue

Found a security vulnerability in this agent skill?