base-ui

Base UI reference and workflows for @base-ui/react (unstyled, accessible React components, composition utilities, and form helpers). Use when implementing Base UI components, portals, styling/state hooks, render-prop composition, eventDetails customization, animations, forms/validation, TypeScript typing, CSP/RTL utilities, or checking Base UI docs, issues, or releases.

Zur Installation springen

Repository: Microck/opendots-microck
Letzte Quellaktivität: 17. Februar 2026 um 23:46
Erkannte Sprache von SKILL.md: Englisch
Sterne: 5
Forks: 1

Installationsoptionen

Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.

npx skills add https://github.com/Microck/opendots-microck --skill base-ui

Der Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.

Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.

Quelldateien prüfen

Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.

Datei-Explorer

15 Dateien

SKILL.md

Quellanweisungen · Schreibgeschützte Vorschau

Zurück zur Suche Zurück zur Installation

Base UI

Overview

Use this skill as a navigation hub for Base UI. Load the specific reference files when needed.

Start Here

Read references/overview.md for install, portal isolation, iOS 26 Safari, and LLM docs access.

Pick components from references/components.md.

Choose guidance by need: styling, composition, customization, animation, forms, TypeScript, or utils.

Reference Map

references/overview.md: install, portals, iOS 26 Safari, LLM docs, project context.

references/components.md: full component and utility index with .md doc links.

references/styling.md: className/state, data attributes, CSS variables, style prop, Tailwind/CSS Modules/CSS-in-JS patterns.

references/composition.md: render prop usage, ref forwarding, nesting render props.

references/customization.md: Base UI events, eventDetails, cancel/allowPropagation, preventBaseUIHandler, controlled vs uncontrolled.

references/animation.md: data attributes, transitions vs animations, Motion/AnimatePresence, keepMounted, getAnimations.

references/forms.md: Form/Field patterns, constraint validation, server-side errors, RHF/TanStack integration.

references/typescript.md: Props/State namespaces, ChangeEventDetails/Reason, actionsRef types, useRender types.

references/utils.md: CSPProvider, DirectionProvider/useDirection, mergeProps/mergePropsN, useRender patterns.

references/edge-cases.md: common pitfalls and fixes.

references/examples.md: concise, runnable examples.

references/links.md: issues and changelog entry points.

Use Pattern

Identify the component or utility.

Read the component docs in references/components.md.

Pull in the relevant handbook or utility reference.

Confirm edge cases in references/edge-cases.md.

Use references/links.md for issues and release notes before shipping.