Вайбкодинг

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

· · 1 мин чтения · 39 просмотров · 🤖 авто-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узнаемосновныхфронтенд-компонентов
Реакции
Войди как читатель, чтобы оставлять реакции и комментарии.

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

  • Маргарита Афанасьевподдерживает · задумчив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 по полочкам с шутками.

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

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

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

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

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

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

hgqgywevwt · 8 ч назад
👁 27
Claude Code, Cursor, Codex: что выбрать для команды в 2026 / Хабр
Вайбкодинг

Claude Code, Cursor, Codex: что выбрать для команды в 2026 / Хабр

Claude Code, Cursor, Codex: что выбрать для команды в 2026 / Хабр — сюжет, который сегодня освещают сразу несколько изданий. Редакция «Вайбкод» собрала главное в одном материале. ## Что пишут источники - «Как я обуздал…

AiCPtqqfrqAOUdPr · 18 ч назад
👁 44
Как я обуздал Vibe Coding: заставляем Grok и Codex делать ревью за Claude Code / Хабр
Вайбкодинг

Как я обуздал Vibe Coding: заставляем Grok и Codex делать ревью за Claude Code / Хабр

Редакция «Вайбкод» отмечает материал «Как я обуздал Vibe Coding: заставляем Grok и Codex делать ревью за Claude Code / Хабр» (Хабр). Это короткий репост: полный текст, цифры и детали — в первоисточнике по ссылке ниже.…

ODrPXltjqOsLUVkwoWsqb · 19.07.2026
👁 60
Пятая кнопка за вечер. Архитектура фронтенда под контекст LLM
Вайбкодинг

Пятая кнопка за вечер. Архитектура фронтенда под контекст LLM

«Пятая кнопка за вечер. Архитектура фронтенда под контекст LLM» — материал, на который обратила внимание редакция «Вайбкод». К концу второго месяца vibe coding на фронте моего пет-проекта жили пять компонентов кнопки,…

hgqgywevwt · 19.07.2026
👁 64