⚡️ 28 дизайн-ресурсов, которые спасут ваш вайб-кодинг

Главная проблема при генерации интерфейсов через Claude Code, Antigravity или Cursor — нейросети по умолчанию штампуют одинаковые серые макеты из 2015 года.

Собрали и проверили мощную подборку инструментов, галерей и промпт-спецификаций, которые дадут вашим агентам правильный контекст и готовый UI-код:

Спецификации под ИИ и MCP:
• DesignMD — дизайн-системы в чистом Markdown для добавления в системные промпты агентов.
• 21st.dev — огромный открытый реестр компонентов с поддержкой MCP.
• VibePrompts — отточенные промпты под сложные дашборды и лендинги.
• Scrolltide — готовые промпты под скролл-анимации и 3D-сайты.

Motion и физика анимаций:
• Kinetics — 150+ пружинных физических эффектов с чистым кодом.
• Magic UI и Aceternity UI — золотой стандарт анимированных React/Tailwind компонентов.
• Motion Primitives — микро-анимации и жесты для современных интерфейсов.
• Anime.js — ультра-легковесный JS-движок анимаций.

Библиотеки компонентов и киты:
• shadcn/ui и Uiverse — база для любых веб-приложений.
• Mapcn — готовые интерактивные карты, маркеры и попапы в стиле shadcn.
• Liquid Glass — шейдеры и эффекты преломления жидкого стекла.
• Microkit и UIable — наборы микро-взаимодействий и UI-элементов.

Галереи паттернов и референсы:
• Component Gallery — 2600+ паттернов из реальных дизайн-систем.
• Подборки по блокам: навигация (Navbar), футеры (Footer), кнопки и конверсии (CTA), креативные 404 (404s).
• Вдохновение и стили: Minimal Gallery, Kage, Refero Styles, Appshot.

Иконки и микро-эффекты:
• 3D Icons — пак открытых 3D-иконок.
• Kitbitz — 2000+ рисованных векторных иллюстраций.
• Генераторы: Circle Loaders, Gradient Buttons, CSS Text Effects.

Сохраняйте в закладки и скармливайте агентам перед началом верстки.

GHOSTLY | AI 🌐 | ЧАТ 💬