🧩
FrontendTypeScript

Base UI React

by secondsky

Base UI React is a Frontend skill for Claude Code, published by secondsky in claude-skills.

214 stars31 forkson secondsky/claude-skillsAdded 2026/09/04+1% in starsRepository updated 2026/09/03
View source on GitHubDownload repo ZIP
claude-codeclaude-code-commandsclaude-code-hooksclaude-code-pluginclaude-code-pluginsclaude-code-skillclaude-code-skills
Install in seconds
Install Base UI React
Copy Base UI React into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/secondsky/claude-skills/tree/main/plugins/base-ui-react/skills/base-ui-react ~/.claude/skills/base-ui-react

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/secondsky/claude-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
plugins/base-ui-react/skills/base-ui-react/SKILL.md in secondsky/claude-skills
Installs to
~/.claude/skills/base-ui-react
Collection
One of 24 skills cataloged from this repository
Category
Frontend — 641 skills

What Base UI React does

Base UI React helps you build accessible unstyled React components with Floating UI and render props. Use it for dialogs, selects, popovers, tooltips, or Radix UI migrations.

Base UI React is cataloged under Frontend on DirSkills. Base UI React comes from a repository tagged claude-code, claude-code-commands, claude-code-hooks, claude-code-plugin and claude-code-plugins.

Documentation

README

Base UI React

Status: Release Candidate (v1.0.0-rc.0) ⚠️ | Last Verified: 2026-08-03

What Is Base UI?

MUI's unstyled, accessible React component library:

  • 27+ accessible components
  • Render props pattern
  • Full styling control
  • Floating UI integration
  • Alternative to Radix UI

Release Candidate status: v1.0.0-rc.0 (stable v1.0 GA expected soon — still pre-GA, API may change)

Quick Start

Install

bun add @base-ui-components/react

Basic Dialog

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Base UI React

  • What else does secondsky publish alongside Base UI React?

    Base UI React is one of 24 skills that DirSkills catalogs from secondsky/claude-skills, the repository it ships in. Its siblings there include API Authentication, API Changelog & Versioning and API Contract Testing. Each one is a separate skill with its own page in this directory, installs the same way Base UI React does, and is maintained by secondsky in that same repository. The rest of the collection is listed on the secondsky/claude-skills page.

  • How does Base UI React compare to other Frontend skills?

    Base UI React ranks #592 by stars among the 641 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Base UI React against them. Open each page to compare what they document and how they install.

More from secondsky/claude-skills

Base UI React is one of 24 skills cataloged on DirSkills from secondsky/claude-skills.

See all 24 skills →
🔐
2h ago

API Authentication

API Authentication implements secure API auth with JWT, OAuth 2.0, API keys, and sessions. Use it for login flows, third-party integrations, service-to-service access, and token handling.
AI Engineering
21431
📝
2h ago

API Changelog & Versioning

API Changelog & Versioning creates changelogs that document breaking changes, deprecations, and migration steps for API consumers. Use it when releasing new API versions or planning upgrades.
Writing
21431
🧪
2h ago

API Contract Testing

API Contract Testing verifies that services honor request and response contracts with consumer-driven tests, schema validation, and tools like Pact. Use it to test microservice communication, catch breaking changes, or validate OpenAPI specs.
Quality
21431
🧩
2h ago

API Design Principles

API Design Principles helps you design REST and GraphQL APIs with clear resource models, versioning, pagination, and error handling. Use it when creating APIs, reviewing specifications, or setting API standards.
AI Engineering
21431
🚨
2h ago

API Error Handling

API Error Handling implements standardized API error responses with proper status codes, logging, and user-friendly messages. Use it when building production APIs or adding error recovery and monitoring patterns.
DevOps
21431
🔎
2h ago

API Filtering And Sorting

API Filtering And Sorting builds flexible query parsing for filters and sort parameters in search endpoints and data APIs. Use it to validate allowed fields, map operators, and reduce injection risk.
Automation
21431

More Frontend skills

Base UI React is one of 641 Frontend skills cataloged on DirSkills, ranked #592 by stars among them.

Browse all Frontend skills →
🅰️
3w ago

Angular Developer

Angular Developer generates Angular code and provides architectural guidance for Angular projects. Use it for creating projects, components, or services, or for best practices on reactivity, forms, DI, routing, SSR, accessibility, animations, styling, testing, and CLI tooling.
Frontend
239.8K36.4K
🏗️
3w ago

Android Clean Architecture

Android Clean Architecture provides patterns for structuring Android and Kotlin Multiplatform projects, covering module boundaries, UseCases, Repositories, and data layer with Room, SQLDelight, and Ktor. Use it when setting up layered architecture in Android or KMP projects.
Frontend
239.8K36.4K
♿
3w ago

Accessibility

Accessibility helps design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards for keyboard, contrast, and screen-reader support. Use it when building or auditing UI that must meet WCAG 2.2 Level AA or reviewing changes for accessibility.
Frontend
239.8K36.4K