Дизайн-системы · fragments-ui

Fragments UI

Agent-first дизайн-система: MCP tools + metadata у компонентов.

БесплатноReact · Base UI · токены · MCPMCPДокументация

Use with AI

Скопируй промпт и отдай агенту. Он соберёт решение в твоём стеке — с опорой на этот кит.

Работай через Fragments UI registry/MCP.
Сайт: https://www.usefragments.com
Карточка: https://proektmap.ru/sandbox/vibe-blocks/fragments-ui

Сначала найди компонент и его контракт (props/composition), потом используй.
Не выдумывай API. Держи токены. Если MCP доступен — используй его tools.

Когда брать

·Хочешь, чтобы агент читал контракты компонентов, а не HTML docs
·Команда строит свою DS с AI в процессе
·Нужны токены + composition hints

Когда не брать

·Нужен каталог «вау»-лендинг эффектов
·Быстрый one-off landing без DS

Сильные стороны

·Сильный MCP для discovery/validation
·.fragment metadata для агентов
·Open source

Ограничения

·Меньше «готовых красивых секций»
·Нужно привыкнуть к модели DS

Типичные блоки / примеры

Token-driven componentsComposition patternsA11y audits via MCP

С чем сочетается

Untitled UIshadcn/ui

Альтернативы