Vibe Suite — карта AI-навыков

Подключайте AI-мозги к своим проектам

• Создайте AI-чатбот для своего сайта
  ク

  Claude API — чат-бот для сайта

  Начальный

• Создайте генератор постов для соцсетей
  オ

  OpenAI API — генератор контента

  Начальный

• Создайте персонального AI-советника по теме, в которой вы разбираетесь
  ス

  Промпт-инжиниринг — AI-советник

  Начальный

• Добавьте стриминг в чатбот — текст появляется посимвольно, как в ChatGPT
  ス

  Стриминг — ответ AI в реальном времени

  Средний

• Создайте приложение с AI, работающим внутри
  ア

  AI внутри приложения

  Средний

• Создайте чатбот, который отвечает на вопросы по загруженным документам
  ラ

  RAG — чат с документами

  Средний

• Создайте AI-ассистента, который выполняет реальные действия
  ア

  AI Function Calling — вызов функций

  Средний

• Создайте AI-хаб, который выбирает лучшую модель для каждой задачи
  ス

  Мульти-модельная маршрутизация

  Продвинутый

• Создайте AI-агента, который разбивает задачи и выполняет их пошагово
  ア

  AI-агенты — многошаговые воркфлоу

  Продвинутый

Запускайте AI на своём компьютере — бесплатно и приватно

• Запустите собственный ChatGPT на своём компьютере
  オ

  Ollama — локальный ChatGPT

  Начальный

• Создайте приложение для обработки конфиденциальных данных с локальным AI
  ス

  Локальный AI для приватности

  Средний

• Подключите проект к локальной модели вместо платного API
  ス

  Локальный AI-бэкенд для проектов

  Средний

Создавайте визуал с AI — от аватаров до видеоклипов

• Создайте генератор изображений с веб-интерфейсом
  ラ

  Replicate API — генератор изображений

  Начальный

• Добавьте голосовой ввод и вывод в приложение
  ス

  Голос — распознавание и синтез речи

  Начальный

• Создайте сервис генерации аватаров из фотографий
  ア

  AI-аватары

  Средний

• Создайте генератор коротких видео из текста
  ス

  Генерация видео

  Продвинутый

• Настройте собственный локальный пайплайн генерации изображений
  ク

  ComfyUI Pipeline

  Продвинутый

Создавайте красивые интерфейсы — сайты, дашборды, приложения

• Создайте свой персональный сайт-портфолио
  ラ

  React + Next.js — личный сайт

  Начальный

• Оформите сайт с Tailwind и сделайте его профессиональным
  タ

  Tailwind CSS — стилизация

  Начальный

• Соберите дашборд из готовых компонентов за час
  サ

  shadcn/ui — готовые компоненты

  Начальный

• Сгенерируйте целую страницу, описав её словами
  ヴ

  v0.dev — AI-генерация UI

  Начальный

• Добавьте плавные анимации на сайт
  ス

  Анимации — Framer Motion

  Средний

• Создайте интерактивную карту или визуализацию данных
  ス

  Интерактивные визуализации

  Продвинутый

• Превратите сайт в устанавливаемое приложение с офлайн-режимом
  プ

  PWA — мобильное приложение из сайта

  Средний

• Сделайте сайт доступным на нескольких языках
  イ

  i18n — мультиязычность

  Средний

Храните данные, пишите серверную логику, создавайте API

• Создайте свой первый API-эндпойнт
  ア

  API Routes — ваш первый API

  Начальный

• Подключите базу данных и создайте CRUD-приложение
  サ

  Supabase — база данных

  Начальный

• Добавьте загрузку файлов с облачным хранилищем
  ス

  Хранилище файлов — загрузка и раздача

  Начальный

• Добавьте кэширование и ускорьте сайт в 10 раз
  ラ

  Redis / Vercel KV — быстрый кэш

  Средний

• Подключите PostgreSQL, который масштабируется автоматически
  ナ

  Neon — бессерверный PostgreSQL

  Средний

• Создайте систему, которая реагирует на внешние события
  ス

  Вебхуки — реакции на события

  Средний

• Создайте автоматические фоновые задачи по расписанию
  ク

  Cron Jobs — задачи по расписанию

  Средний

• Создайте живой чат или ленту уведомлений в реальном времени
  ス

  Реалтайм — WebSockets и живые обновления

  Средний

• Добавьте мгновенный поиск — по ключевым словам и с помощью AI
  ス

  Поиск — полнотекстовый и векторный

  Средний

Вход, регистрация и защита данных пользователей

• Добавьте кнопку «Войти через Google» на сайт
  ナ

  NextAuth — вход на сайт

  Начальный

• Создайте вход без пароля — пользователь получает ссылку на email
  マ

  Magic Link — вход без пароля

  Средний

• Защитите API: ключи доступа и ограничение запросов
  ア

  API-ключи и лимиты запросов

  Средний

• Убедитесь, что каждый пользователь видит только свои данные
  ラ

  Row Level Security

  Продвинутый

Публикуйте проекты в интернет и настраивайте инфраструктуру

• Опубликуйте сайт в интернете за 5 минут
  ヴ

  Vercel — первый деплой

  Начальный

• Задеплойте статический сайт (HTML/CSS/JS) на Netlify
  ナ

  Netlify — статические сайты

  Начальный

• Добавьте аналитику, чтобы видеть, кто и как пользуется продуктом
  ス

  Аналитика — знайте своих пользователей

  Начальный

• Настройте автоматические тесты и деплой при каждом коммите
  グ

  GitHub Actions — автоматизация

  Средний

• Подключите домен и ускорьте сайт через Cloudflare
  ク

  Cloudflare — домен и CDN

  Начальный

• Сделайте сайт красивым в Google и превью соцсетей
  サ

  SEO — мета-теги и Open Graph

  Начальный

• Узнавайте о падениях приложения раньше пользователей
  ス

  Мониторинг ошибок — Sentry

  Начальный

Принимайте деньги — подписки, разовые платежи, крипто

• Добавьте кнопку «Купить» на сайт
  サ

  Stripe — приём платежей

  Средний

• Добавьте оплату криптовалютой на сайт
  ク

  Coinbase Commerce — крипто-платежи

  Средний

• Создайте модель подписки: Free, Pro, Enterprise
  ス

  Подписки

  Продвинутый

• Создайте систему предоплаченных кредитов (как у ChatGPT API)
  ス

  Предоплаченные кредиты

  Продвинутый

Подключайте внешние сервисы — боты, email, Google Docs

• Создайте Telegram-бот, который делает что-то полезное
  タ

  Telegram-бот

  Начальный

• Отправляйте красивые письма из приложения
  エ

  Email — транзакционные письма

  Начальный

• Подключите Google Sheets как базу данных для простого проекта
  グ

  Google APIs

  Средний

• Создайте сайт, контент которого берётся из Notion
  ナ

  Notion API

  Средний

• Создайте Slack-бот для команды
  サ

  Slack-бот

  Средний

• Создайте Discord-бот для сообщества
  デ

  Discord-бот

  Начальный

• Подключите приложение к 5000+ сервисам без написания интеграций
  ズ

  Zapier / Make — автоматизация без кода

  Начальный

Освойте инструменты, с которыми вы вайб-кодите

• Создайте целый проект одним промптом в терминале
  ク

  Claude Code

  Начальный

• Пишите код с AI-ассистентом прямо в редакторе
  ク

  Cursor / Windsurf

  Начальный

• Настройте Claude так, чтобы он идеально знал ваш проект
  ク

  Claude Projects — контекст AI

  Начальный

• Подключите Claude к вашим данным через MCP
  マ

  MCP-серверы

  Средний

• От идеи до задеплоенного продукта за один день
  ス

  Вайб-кодинг как метод

  Средний