Семейная мастерская....обо всём и всё вместе😉

зелёного/красного для финансовых состояний.
Где использовать: trading, crypto, fintech dashboards.
11. apple-design-analysis
Typography hierarchy, whitespace, строгий spacing rhythm, минимум декоративности и максимальный акцент на продукте.
Где использовать: premium landing pages, product pages, hardware/software products.
Открыть Apple design analysis (https://skillmd.com/skills/voltagent/apple-design-analysis)
12. airbnb-design-analysis
Тёплый consumer UI: белый canvas, мягкие радиусы, pill-search, фотографии и большое количество воздуха.
Где использовать: travel, lifestyle, marketplaces, booking products.
Открыть Airbnb DESIGN.md (https://github.com/VoltAgent/awesome-design-md/blob/main/design-md/airbnb/DESIGN.md)
13. ui-ux-pro-max
Это уже не один визуальный стиль, а универсальный UI/UX-комбайн: стили, палитры, font pairings, UX-гайдлайны, графики и паттерны под разные tech stacks.
Как использовать: ставить его базовым UX-слоем, а брендовые design-analysis skills использовать как визуальный язык поверх.
Открыть ui-ux-pro-max на GitHub (https://github.com/nextlevelbuilder/ui-ux-pro-max-skill)
✍️ 5 шрифтов для UI/UX с GitHub
Шрифт Лучше всего подходит
Manrope SaaS, AI, fintech, основной UI
Plus Jakarta Sans Premium, landing pages, мягкий consumer UI
Space Grotesk Заголовки, AI products, developer tools
IBM Plex CRM, dashboards, B2B, таблицы
Geist Чистый UI + Geist Mono для technical elements
1. Manrope
Современный geometric sans. Чистый, но не стерильный. Есть кириллица.
GitHub — Manrope (https://github.com/googlefonts/manrope)
2. Plus Jakarta Sans
Мягкий и чуть более premium по ощущению. Хорош для интерфейсов и лендингов.
GitHub — Plus Jakarta Sans (https://github.com/tokotype/PlusJakartaSans)
3. Space Grotesk
Больше характера, чем у стандартных UI-шрифтов. Особенно хорошо работает в крупных заголовках.
GitHub — Space Grotesk (https://github.com/floriankarsten/space-grotesk)
4. IBM Plex
Сильный вариант для информационно плотных интерфейсов: таблиц, CRM, B2B и аналитики.
GitHub — IBM Plex (https://github.com/IBM/plex)
5. Geist
Очень чистый UI-шрифт от Vercel. Geist Mono удобно использовать для кода, ID, логов и технических элементов.
GitHub — Geist (https://github.com/vercel/geist-font)
💡 Рабочая связка
Manrope — основной UI
Space Grotesk — заголовки
Geist Mono — код и technical UI
IBM Plex — B2B, CRM и таблицы
Plus Jakarta Sans — premium / landing
🛠 Как я бы ставила задачу агенту
Не так:
Сделай красивый современный сайт.
А так:
База: ui-ux-pro-max
Визуальный язык: 60% Apple + 40% Resend
Typography: Manrope + Space Grotesk
Запреты: никаких generic purple gradients, бессмысленного центрирования, одинаковых rounded cards и декоративного glassmorphism без функции.
Почему это работает
AI отлично следует ограничениям, когда они конкретные. Чем меньше неопределённости в typography, spacing, hierarchy и visual language — тем меньше модель заполняет пустоты своими усреднёнными паттернами.
Главная идея: не просить AI придумать вкус. Сначала дать ему систему вкуса.
Вывод
Самый интересный подход — собирать у себя библиотеку дизайн-языков и подключать их к агенту как инструменты.
Например: ui-ux-pro-max + apple-design-analysis + resend-design-analysis.
Тогда агент перестаёт быть генератором «ещё одного современного SaaS» и начинает проектировать внутри конкретной системы.
Ну а если ты хочешь научиться собирать автоматизированной системы которые будут экономить тебе кучу времени Заходи к нам в клуб (https://t.me/ProAiClubBot?start=d49e2037)👍
Ты пройдёшь полное обучение от 0 до готового результата 😌
Даже если страшновато-что за частую бывает -мы всегда все друг другу помогаем и разбираем на созвонах темы и ошибки🙏
Ставь огонь! 🔥
#автоматизация #агенты #дизайн #скилы

🔥 UI/UX для AI-агентов: 13 скиллов нашей соклубницы + 5 шрифтов против нейрослопа
Главная проблема AI-дизайна сегодня не в том, что модели
«не умеют красиво». Проблема в том, что без системы они почти всегда скатываются в усреднённый визуальный язык.
Inter или Geist везде. Фиолетовый градиент. Центрированный hero. Одинаковые rounded cards. Glassmorphism. И через пять минут ты уже не понимаешь, какой именно AI-сервис открыл — все выглядят одинаково.
Вика показала интересный подход: вместо абстрактного «сделай красиво» давать агентам отдельные design-analysis skills. То есть не просить модель придумать стиль с нуля, а заранее подключать конкретный дизайн-язык.Гайд по мотивам Zoom-разбора Вики: дизайн-система, типографика, иерархия и визуальный вкус вместо шаблонного AI-стиля.
🧠 Что такое design-analysis skill
По сути это слой визуальных правил для агента: typography, colors, spacing, surfaces, components, hierarchy, density и характер интерфейса.
Не «сделай как Apple» на глаз, а дай агенту структурированную систему Apple и заставь проектировать внутри неё.
Это превращает вкус из расплывчатого пожелания в набор правил, которые AI может применять системно.
🔥 13 скиллов, которые использует Вика
1. resend-design-analysis
Стиль Resend: почти чёрный canvas, editorial-типографика, тонкие borders, code-first эстетика и аккуратные glow-эффекты.
Где использовать: developer tools, SaaS, AI-продукты, технические лендинги.
Открыть resend-design-analysis (https://skillmd.com/skills/voltagent/resend-design-analysis)
2. Composio-design-analysis
Тёмная developer-инфраструктура: black + electric blue, строгая сетка, технические блоки, mono-типографика.
Где использовать: AI agents, API, automation platforms, devtools.
Открыть Composio design analysis (https://skillmd.com/skills/voltagent/composio-design-analysis)
3. stripi-inspired-design-analysis
Fintech-эстетика: deep navy, electric indigo, gradient mesh, аккуратные карточки и плотный dashboard.
Где использовать: fintech, B2B, платежи, финансовые продукты.
4. vercel-inspired-design-analysis
Минимализм Vercel: почти чёрный текст, много воздуха, строгая сетка, mono для технических элементов и сильная визуальная иерархия.
Где использовать: SaaS, developer products, AI tools, инфраструктура.
Открыть Vercel design analysis (https://skillmd.com/skills/voltagent/vercel-inspired-design-analysis)
5. Ollama-design-analysis
Documentation-first подход: простая палитра, чистая типографика, понятный spacing и минимум декоративного шума.
Где использовать: open-source продукты, документация, developer tools.
6. pinterest-design-analysis
Visual-first UI: изображения, discovery, поиск, masonry/grid-паттерны и интерфейс, построенный вокруг контента.
Где использовать: marketplaces, каталоги, inspiration boards, контентные сервисы.
Открыть Pinterest design analysis (https://skillmd.com/skills/voltagent/pinterest-design-analysis)
7. playstation-design-analysis
Большие product renders, сочетание black / white / PlayStation Blue, сильные hero-блоки и минимум интерфейсного шума.
Где использовать: gaming, entertainment, cinematic landing pages.
Открыть PlayStation DESIGN.md (https://github.com/VoltAgent/awesome-design-md/blob/main/design-md/playstation/DESIGN.md)
8. Together-AI-Inspired-design-analysis
AI-infrastructure стиль: near-black + white поверхности и характерный orange → magenta → periwinkle акцент.
Где использовать: AI SaaS, модели, inference platforms, инфраструктурные продукты.
Открыть Together AI design analysis (https://skillmd.com/skills/voltagent/together-ai-inspired-design-analysis)
9. uber-inspired-design-analysis
Чёрно-белая система, мощная геометрическая типографика, pill-кнопки и editorial illustrations.
Где использовать: consumer apps, marketplaces, сервисные платформы.
Открыть Uber DESIGN.md (https://github.com/VoltAgent/awesome-design-md/blob/main/design-md/uber/DESIGN.md)
10. binance-design-analysis
Trading UI: near-black canvas, фирменный жёлтый акцент, dark/light themes и понятная семантика

Есть песни, которым не надо «возвращаться в тренды».
Они просто включаются — и всё: мурашки, юность, кассеты, стены с надписью «Цой жив»… Даже если кассет ты в руках не держал 😄

Виктор Цой — 1962–1990.
«Кино» — с 1982 года.

А звучит так, будто он только что вышел к микрофону.

Включаем легенду. ❤️

#викторцой #группакино #кино #цойжив #русскийрок #легендырока #ностальгия #музыкадуши #настольгия #настальгия #цой

🌕✨ Ребятки, ну вы только посмотрите на эту красоту! Летняя ночь, полнолуние…! 😍🌙

Желаю всем сладких снов, мягких подушечек и выходных без будильников, рабочих чатов и фразы «Надо бы ещё кое-что доделать». 😂❤️

Пусть снятся только хорошие сны, а выходные будут просто волшебными! 🥰✨

Всем доброй ночи и чудесных выходных! 😘💫

#добройночи #сладкихснов #спокойнойночи #полнолуние #луннаяночь #летняяночь #красотаприроды #ночнаямагия #хорошихвыходных #уютныйвечер

Мы проработали достаточно много многое агентская связка слух голос синхронизация инструментов теперь держите меня семеро мы начали проработку системного чека прямо вот очень хочу поделиться но это только начало ещё много работы предстоит 😁😌❤️

Я наверное психнула немного но мой инструмент должен не только помогать мне в работе но и быть частичкой меня😁🙃

#агент #разработка #системныйчек #Джарвис #асистент