Предварительный просмотр компонентов React с реальным стилем Mantine + Tailwind с использованием Ladle. Используйте при изменении компонентов пользовательского интерфейса, исправлении визуальных ошибок или когда пользователь просит посмотреть, как выглядит компонент. Создает истории Ladle, делает снимки экрана в темном/светлом режиме и представляет их на рассмотрение. Используйте активно после изменений пользовательского интерфейса.
Быстро установите AI-навык component-preview в вашу среду разработки через командную строку
Источник: civitai/civitai.
Preview React components in isolation using Ladle (lightweight Storybook alternative) with real Mantine v7 + Tailwind styling. No dev server needed.
If these don't exist in the current worktree, copy them from main or create them. See Setup Reference below.
Use the browser-automation skill to capture cropped, padded screenshots:
Предварительный просмотр компонентов React с реальным стилем Mantine + Tailwind с использованием Ladle. Используйте при изменении компонентов пользовательского интерфейса, исправлении визуальных ошибок или когда пользователь просит посмотреть, как выглядит компонент. Создает истории Ladle, делает снимки экрана в темном/светлом режиме и представляет их на рассмотрение. Используйте активно после изменений пользовательского интерфейса. Источник: civitai/civitai.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/civitai/civitai --skill component-previewПредварительный просмотр компонентов React с реальным стилем Mantine + Tailwind с использованием Ladle. Используйте при изменении компонентов пользовательского интерфейса, исправлении визуальных ошибок или когда пользователь просит посмотреть, как выглядит компонент. Создает истории Ladle, делает снимки экрана в темном/светлом режиме и представляет их на рассмотрение. Используйте активно после изменений пользовательского интерфейса. Источник: civitai/civitai.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/civitai/civitai --skill component-preview После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/civitai/civitai