# Mx Admin UI Primitives > Use when building any UI in mx-admin-next — composing pages, drawers, modals, forms, scroll containers, or any view-level interaction. Establishes the canonical primitive set, the css.ts + token rules, the mandatory `` rule for user-scrollable regions, and the `@tanstack/react-form + zod + Form/FormField` form pattern. Read before writing JSX in `src/pages`, `src/layouts`, or `src/components` outside the primitives layer. - Skill: `mx-space/mx-admin-ui-primitives` (Agent Skill) - Install (CLI): `npx skillmds@latest add mx-space/mx-admin-ui-primitives` - Raw SKILL.md: https://api.skillmd.com/api/skills/mx-space/mx-admin-ui-primitives/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: mx-space (https://skillmd.com/u/mx-space) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/mx-space/mx-admin-ui-primitives --- # Building UI in mx-admin-next The primitive set lives at `src/components/ui/`. Every view, layout, and feature component composes these — never `@base-ui/react/*` directly, never raw `` / `