shadcn inertia

shadcn/ui component integration for Inertia Rails React (NOT Next.js): forms, dialogs, tables, toasts, dark mode, command palette, and more. Use when building UI with shadcn/ui components in an Inertia app or adapting shadcn examples from Next.js. NEVER react-hook-form/zod â wire shadcn inputs to Inertia Form via name attribute. Flash toasts require Rails flash_keys initializer config.

AIinertia-rails official Дизайн

Что делает навык

Интеграция компонентов shadcn/ui для Inertia Rails React (НЕ Next.js): формы, диалоги, таблицы, toast-уведомления, тёмная тема, command palette и другое. Используйте при создании UI с компонентами shadcn/ui в Inertia-приложении или адаптации примеров shadcn из Next.js. НИКОГДА не используйте react-hook-form/zod — подключайте поля ввода shadcn к Inertia Form через атрибут name. Flash toast-уведомления требуют настройки инициализатора flash_keys в Rails.

Как подключить

1Скачать навык

# возьмите папку навыка «shadcn-inertia» из репозитория: # https://github.com/inertia-rails/skills

2Положить папку с SKILL.md к навыкам ассистента

# положите папку навыка туда, где ассистент ищет skills: cp -r shadcn-inertia/ ~/.claude/skills/shadcn-inertia/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.