Вайб-кодинг – Telegram
Вайб-кодинг
13.6K subscribers
1.48K photos
485 videos
30 files
652 links
Авторский канал по ВАЙБ КОДИНГУ

Ссылка для друзей: https://news.1rj.ru/str/+ll3pbl442dNkZmYy

Связь: @devmangx
По контенту: @codingpepe

РКН: https://clck.ru/3RRVfk
Download Telegram
Типы ввода HTML

➡️ @tips_frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
15+ фильмов, которые обязательно нужно посмотреть Programmers

1. Матрица
2. Социальная сеть
3. Исходный код
4. Игра в имитацию
5. Силиконовая долина
6. Мистер Робот
7. Джобс
8. Основатель
9. Социальная дилемма
10. Великий взлом
11. Halt and Catch Fire
12. Wargames
13. Хакеры
14. Сноуден
15. Кто я
Руководство по размерам формы входа

🔹 Ширина формы: 300px - 400px (Mobile) | 400px - 600px (💻 Desktop)

🔹 Поля ввода: Ширина: 100% (Полная ширина формы) | Высота: 40px - 50px

🔹 Размер шрифта: 14px - 16px (читабельный)

🔹 Отступы: 10px - 15px (Удобный интервал)

🔹 Размер кнопки: Ширина: 100% | Высота: 45px - 55px (Легко нажимать)

🔹 Отступы между элементами: 10px - 15px (Избегайте беспорядка)

🔹 Радиус границы: 5px - 10px (Современный вид)

🔹 Box Shadow: Мягкая тень (Добавляет глубину)
Как структурировать папки в проекте?

Неважно, используешь ли ты 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 → http://curso-ingles.com
Говорение → http://sesame.com
Грамматика → http://engvid.com
С фильмами → http://playphrase.me
Кембридж → http://cambridgeenglish.org
Listening → http://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 для обеспечения структурированного мышления, помогая разбивать сложные задачи на управляемые части для более эффективного решения проблем.