Вайб кодинг
2.54K subscribers
1.14K photos
132 videos
53 files
203 links
Кодим с ИИ + мозги

Авторский канал, сотрудничество: @hand_of_ragnaros
Download Telegram
Как структурировать папки в проекте?

Неважно, используешь ли ты React, Vue, TypeScript или JavaScript.

Существует множество стратегий и мнений по этому поводу. Я расскажу тебе о нескольких интересных вариантах! ↓

1. По типу

Это самый простой и распространенный способ. Подходит для небольших проектов.

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

Минус: со временем в некоторых папках может скопиться слишком много файлов, что затруднит навигацию.

2. По типу и функционалу

Здесь уже отражается логика приложения. Внутри каждой папки указывается, к какой части приложения она относится.

Плюс: становится проще ориентироваться.
Минус: возможное дублирование одних и тех же "фич" в разных папках.

3. Screaming Architecture (Кричащая архитектура)

Здесь подход меняется: вместо того, чтобы указывать, что используется, папки обозначают, что делает приложение.

Наверняка бывало, что ты открываешь проект, сразу видишь, что он на React, но совершенно не понимаешь, чем он занимается.

Идея в том, чтобы поменять этот подход: упростить разработку и сделать так, чтобы независимо от технологии папки сразу указывали на смысловые блоки проекта.

Какая структура лучше? 🤔

Зависит от размера и длительности проекта.

Можно начать с первой стратегии и постепенно переходить на другую.
Также возможны гибридные варианты, сочетающие разные принципы.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
DeepSeek-V3-0324 - это следующий уровень

Кто-то создал DeepSite, позволяющий вам виброкодировать свое собственное приложение или игру с искусственным интеллектом и размещать его БЕСПЛАТНО

Результаты безумны, это как Cursor в браузере.
Учите английский, не тратя денег!

От 0 → https://curso-ingles.com
Говорение → https://sesame.com
Грамматика → https://engvid.com
С фильмами → https://playphrase.me
Кембридж → https://cambridgeenglish.org
Listening → https://bbc.co.uk/learningenglish https://pic.x.com/VpouGuiZO7
This media is not supported in your browser
VIEW IN TELEGRAM
Итак, Gemini 2.5 Pro теперь на 100% бесплатен?!

Вы можете буквально использовать лучшую в мире модель искусственного интеллекта и одноразовые веб-приложения.

Все, что вам нужно, - это бесплатный аккаунт Google:

- Выберите 2.5 Pro (экспериментальный) из списка
- Активируйте опцию Canvas в нижней части (расширенная)
- Отправьте запрос и наслаждайтесь
Прошло всего 6 дней с момента выхода Gemini 2.5 Pro...

А люди уже доводят его до предела.

Прикрепил пару безумных вариантов использования, которые вы не должны пропустить 😏
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
У Claude Code появился серьезный конкурент.

Warp позволяет взаимодействовать с агентами ИИ прямо с вашего терминала.

Я использовал его, чтобы загрузить видео с YouTube, вырезать его и сделать подпись к нему с помощью ИИ Whispr.

И все это менее чем за 2 минуты.
Media is too big
VIEW IN TELEGRAM
Этот парень буквально за 18 минут рассказывает о MCP и о том, как его использовать.
Ожидание от вайб-кодинга: флексишь на расслабоне, код пишет себя сам 🤟

Реальность: рабочие API-ключи в открытом доступе, все юзают твой продукт бесплатно ☠️
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Cline уже автоматизирует сложные задачи кодирования. Но серверы MCP идут дальше, позволяя Cline использовать внешние инструменты для исследований, создания пользовательского интерфейса, преобразования контента и многого другого - прямо в вашей IDE.

Вот 7 основных MCP-серверов, которые помогут вам ускорить рабочий процесс

Web Interaction & Research Suite:

- Hyperbrowser/Firecrawl: Соскребайте документы, извлекайте данные, автоматизируйте задачи браузера.
- Perplexity: Получение цитируемых ответов, поиск API, проверка устаревшего кода.
Интегрируйте веб-данные и исследования ИИ непосредственно в кодирование.

Ускорение работы Frontend Dev:

- 21 Dev Magic UI: Генерируйте готовые к производству компоненты React из подсказок с помощью /ui. Легко добавляйте логотипы брендов (logo_search) или находите вдохновение (component_inspiration). Создавайте пользовательские интерфейсы быстрее.

Бесшовная интеграция контента:

- Markdownify: Легко конвертируйте PDF-файлы, DOCX, веб-страницы, аудио, видео с YouTube и многое другое в чистый Markdown. Идеально подходит для создания документов, заметок или контекста для Cline.

Творческий рубеж:

- Ableton MCP: используйте естественный язык для создания MIDI-треков, загрузки инструментов, управления воспроизведением в Ableton Live.
- Blender MCP: взаимодействуйте с 3D-сценами, создавайте объекты, настраивайте материалы, запускайте скрипты. Интеграция с Polyhaven и Hyper3D.
This media is not supported in your browser
VIEW IN TELEGRAM
У Supabase теперь есть официальный MCP-сервер!

Это значит, что ты можешь создавать, редактировать и подключать проект Supabase к своему приложению прямо из AI-IDE, такой как Cursor или Windsurf!

В ближайшем будущем добавят больше функций на MCP-сервер, таких как Edge Functions и Storage!
This media is not supported in your browser
VIEW IN TELEGRAM
Сложные программные задачи часто требуют методичного, пошагового подхода, а не просто быстрой генерации кода.

Клайн использует MCP Sequential Thinking для обеспечения структурированного мышления, помогая разбивать сложные задачи на управляемые части для более эффективного решения проблем.