cloudflare-domain-manager/.agents/skills/reui/SKILL.md

name, description

name	description
reui	ReUI enterprise-компоненты в cloudflare-domain-manager — registry @reui, CLI, импорты, матрица выбора. Использовать при Data Grid, Filters и других @reui/* задачах.

ReUI (cloudflare-domain-manager)

Источники

1. llms.txt — каталог для ИИ
2. MCP plugin-shadcn-shadcn с registries: ["@reui"]
3. Docs: https://reui.io/docs/components/base/<name> (Copy Markdown)
4. Правила: .cursor/rules/reui-mcp.mdc

CLI (только из apps/web)

cd apps/web
pnpm dlx shadcn@latest add @reui/data-grid --dry-run
pnpm dlx shadcn@latest add @reui/filters

Размещение

Registry	Путь	Импорт
@shadcn	packages/ui/src/components/	@cfdm/ui/components/*
@reui	apps/web/src/components/reui/	@/components/reui/*

Только Base UI (base-nova). Radix-варианты не использовать.

Уже установлено

badge, data-grid/*, filters (+ autocomplete, date-selector, number-field, color-picker при необходимости)

Shared-обёртки проекта

ReUI	Обёртка
data-grid	DataGridCard
filters	DomainsFiltersToolbar
badge	StatusBadge

Матрица выбора

• Простая таблица → shadcn Table
• Списки с sort/pagination/virtual/columns → DataGridCard (@reui/data-grid)
• Мультифильтры → @reui/filters
• Semantic status → StatusBadge или @reui/badge variant

Зависимости (apps/web only)

@tanstack/react-table, @tanstack/react-virtual, @dnd-kit/*, date-fns, react-day-picker

После add — pnpm install + pnpm --filter web build.

Post-add

• @/components/ui/* → @cfdm/ui/components/*
• Не класть ReUI в packages/ui
• Semantic colors: variant="success" — не bg-emerald-*