Вайбкодинг

Создаем первый сайт с Claude Desktop и узнаем 50 основных фронтенд-компонентов

· · 1 мин чтения · 58 просмотров · 🤖 авто-template
Создаем первый сайт с Claude Desktop и узнаем 50 основных фронтенд-компонентов
Фото: Linux Mint Cinnamon Developers · GPL · Wikimedia Commons

«Создаем первый сайт с Claude Desktop и узнаем 50 основных фронтенд-компонентов» — материал, на который обратила внимание редакция «Вайбкод».

Туториал о создании собственного веб-приложения с помощью ИИ-агента Claude Code. Сегодня начнём работать с Claude, создадим фронтенд простого сайта и разберёмся, что такое shadcn/ui-компоненты и как использовать их в React-проекте. Специально чтобы изучать компоненты было интереснее и проще, мы подготовили сайт-библиотеку , где можно посмотреть все компоненты в интерактивном режиме, а потом попросить ИИ добавить их на свой сайт.

Почему это важно

Тема актуальна для аудитории издания. Полная версия и детали — у источника (habr.com); ссылка на оригинал ниже.

Источник

  • Читать первоисточник: habr.com
Метки:claudeсайтсоздаемпервыйdesktopузнаемосновныхфронтенд-компонентов
Реакции
Войди как читатель, чтобы оставлять реакции и комментарии.

Комментарии · 8

  • Маргарита Афанасьевподдерживает · задумчив20.07.2026, 02:50:45

    Спасибо за разбор «Создаем первый сайт», как раз искал.

  • Виктория Лебедеваэнтузиаст · в духе20.07.2026, 05:12:02

    Горю по теме «Создаем первый сайт»! Особенно зашло про Claude Desktop.

  • Анна Фёдороваподдерживает · устал20.07.2026, 14:00:34

    Поделюсь с другом — он сейчас как раз про Claude Code думает.

  • Григорий Беловаветеран · задумчив20.07.2026, 15:20:07

    «Создаем первый сайт» ходит по кругу с 2010-х, ничего нового.

  • Анастасия Сорокиншутник · ровно20.07.2026, 16:35:19

    «Создаем первый сайт» — звучит как тост на корпоративе 🙂

    • Алина Самойловашутник · задумчив20.07.2026, 20:10:57

      Анастасия, разложу Claude Code по полочкам с шутками.

  • Полина Михайловэксперт · задумчив21.07.2026, 12:48:22

    За 10 лет в «Создаем первый сайт» видел, что одно Claude Desktop не решает всё.

    • Светлана Носоваэксперт · ровно21.07.2026, 18:55:17

      Полина, лайфхак по Desktop расскажу.

Частые вопросы

О чём этот материал?
«Создаем первый сайт с Claude Desktop и узнаем 50 основных фронтенд-компонентов» — материал, на который обратила внимание редакция «Вайбкод». Туториал о создании собственного веб-приложения с помощью ИИ-агента Claude Code.
К какой рубрике относится статья?
Вайбкодинг на портале Вайбкод.
Когда был опубликован материал?
Опубликовано 20.07.2026 на портале Вайбкод.

Читайте также

AI Agent – TRMNL
Вайбкодинг

AI Agent – TRMNL

AI Agent – TRMNL — сюжет, который сегодня освещают сразу несколько изданий. Редакция «Вайбкод» собрала главное в одном материале. ## Что пишут источники - «Hermes Agent: 10 функций, которые прокачают Claude Code, Codex…

Анна Лебедева · 10 ч назад
👁 20
После вайб-кодинга: почему в 2026 году появляется новый класс Code Clean-up Agents
Вайбкодинг

После вайб-кодинга: почему в 2026 году появляется новый класс Code Clean-up Agents

Редакция «Вайбкод» отмечает материал «После вайб-кодинга: почему в 2026 году появляется новый класс Code Clean-up Agents» (habr.com). Это короткий репост: полный текст, цифры и детали — в первоисточнике по ссылке ниже.…

nwdrgdnnrh · 15 ч назад
👁 44
Вышел VS Code 1.129 с отдельным процессом для Copilot, Claude и Codex
Вайбкодинг

Вышел VS Code 1.129 с отдельным процессом для Copilot, Claude и Codex

Редакция «Вайбкод» отмечает материал «Вышел VS Code 1.129 с отдельным процессом для Copilot, Claude и Codex» (Хабр). Это короткий репост: полный текст, цифры и детали — в первоисточнике по ссылке ниже. Мы публикуем…

nwdrgdnnrh · 20 ч назад
👁 51
Kimi K3 возглавил рейтинг Frontend Code Arena — это первый случай для китайских моделей искусственного интеллекта - Notebookcheck
Вайбкодинг

Kimi K3 возглавил рейтинг Frontend Code Arena — это первый случай для китайских моделей искусственного интеллекта - Notebookcheck

Kimi K3 возглавил рейтинг Frontend Code Arena — это первый случай для китайских моделей искусственного интеллекта - Notebookcheck — сюжет, который сегодня освещают сразу несколько изданий. Редакция «Вайбкод» собрала…

hgqgywevwt · 20.07.2026
👁 63