**Как дизайнить красивые сайты в Claude Cowork — Transcript & Summary | SozAI**
Source: https://sozai.app/transcript/kak-dizajnit-krasivye-sajty-v-claude-cowork-transcript/

Видео показывает, как с помощью Claude Cowork создавать красивые, уникальные дизайны сайтов без дизайнера, используя AI для прототипирования и редизайна.

## Key Takeaways

- Claude Cowork позволяет создавать и редизайнить сайты с помощью AI без глубоких знаний дизайна.
- AI может генерировать несколько вариантов прототипов, из которых можно выбрать лучший для внедрения.
- Важна адаптация AI-дизайна под текущий контент и стиль сайта для более органичного результата.
- Добавление анимаций и деталей помогает сделать дизайн менее «искусственным» и более живым.
- Использование AI-инструментов экономит время и ресурсы, позволяя создавать качественные сайты самостоятельно.

## What the video covers

- Автор делится опытом создания уникальных веб-дизайнов с помощью AI-инструмента Claude Cowork.
- Показывается процесс генерации нескольких прототипов сайта на основе описания и текущего дизайна.
- Объясняется, как Claude Cowork монтирует проектную папку и работает с фронтенд-дизайном.
- Демонстрируется выбор и внедрение одного из прототипов в Ruby on Rails проект.
- Рассматривается добавление визуальных анимаций с помощью AI, чтобы дизайн выглядел более живым и человечным.
- Обсуждается отличие Claude Cowork от Claude Code в работе с интерфейсами и дизайном.
- Автор опровергает мнение, что для красивого дизайна обязательно нужен дизайнер.
- Показан пример эволюции дизайна сайта с использованием AI, а не простого копирования шаблонов.
- Видео содержит практические советы по работе с AI для создания и улучшения веб-интерфейсов.
- Подчеркивается важность кастомизации и адаптации AI-генерируемого дизайна под бренд и задачи.

## Full Transcript — Download SRT & Markdown

00:00

Speaker A

Если вы уже начинали веб-кодить,

00:06

Speaker A

и у вас получались первые сайты, наверняка вы замечали, что дизайны какие-то очень похожие.

00:20

Speaker A

Вот, ну, чаще всего вообще вот такие вот, один из первых моих сайтов с прошлого года.

00:35

Speaker A

Они получаются какие-то одинаковые.

00:40

Speaker A

И ещё там очень много палится AI.

00:45

Speaker A

Ну и как-то недорого, небогато это не выглядит.

00:50

Speaker A

Ну, например, так, вот вот этот блок сравнения у меня,

00:55

Speaker A

ну, это прямо AI-ем пахнет отсюда, да?

01:00

Speaker A

Вот это вот явно как-то.

01:02

Speaker A

Ну, вот это что-то не очень интересно нарисовано.

01:05

Speaker A

Но я нашёл

01:07

Speaker A

ещё более простой способ.

01:10

Speaker A

Началось с того, что мы нашли клодовский скилл на фронтенд-дизайн.

01:16

Speaker A

И у нас вот такой уже, ну, поинтереснее начало получаться.

01:20

Speaker A

Наш сайт VibeBase, где лежит этот Claude Skill.

01:25

Speaker A

Он уже Claude Skill-ом фронтенд-дизайна сделал.

01:30

Speaker A

В этом мы где-то писали, вот фронтенд, заходим на VibeBase.

01:35

Speaker A

Фронтенд-дизайн находим.

01:37

Speaker A

И копируем этот промт, или просто копируем, или скачиваем Markdown.

01:42

Speaker A

И вставляем в свой проект.

01:44

Speaker A

Однако, есть ещё более элегантный способ.

01:46

Speaker A

И вот смотрите, как я покажу, как я превратил вот это

01:50

Speaker A

вот это.

01:52

Speaker A

Вот это.

01:54

Speaker A

Или даже вот это.

01:56

Speaker A

Ну, то есть выглядит намного более дорого, богаче.

02:00

Speaker A

И, ну, посерьёзнее.

02:03

Speaker A

И нас кто-то в Ютубе стебал.

02:06

Speaker A

Наймите дизайнера.

02:08

Speaker A

Ну, не знаю.

02:10

Speaker A

Я считаю, что можно уже красиво делать самому.

02:14

Speaker A

И в этом видео я покажу, как сделать достаточно просто

02:20

Speaker A

очень необычный, самобытный, красивый описательный дизайн.

02:26

Speaker A

Простыми шагами.

02:27

Speaker A

Поехали.

02:28

Speaker A

А, кстати, я покажу ещё дальнейший редизайн.

02:32

Speaker A

Вот.

02:33

Speaker A

Покрасивше сделал.

02:34

Speaker A

Всё, всё летает, красиво.

02:36

Speaker A

Элегантно.

02:37

Speaker A

А, ну, весь продукт, короче.

02:40

Speaker A

Поиски там, Димит.

02:42

Speaker A

Всё красиво.

02:44

Speaker A

Поехали.

02:45

Speaker A

Для этого нам нужен Claude Cowork.

02:48

Speaker A

Оказалось,

02:50

Speaker A

что в Claude Cowork-е лучше, чем в Claude Code, получается именно работа с интерфейсами, с дизайнами.

02:58

Speaker A

Я до конца не понимаю, почему.

03:02

Speaker A

А, но работа намного более приятная.

03:05

Speaker A

Для того, чтобы начать, давайте я

03:08

Speaker A

вот этот сайт своей компании сделаю полный редизайн с нуля.

03:13

Speaker A

Это будет смертельный номер.

03:15

Speaker A

А.

03:17

Speaker A

Поехали, попробуем.

03:18

Speaker A

Это мой Ruby on Rails проект.

03:20

Speaker A

Значит, мы открываем Claude в режиме Cowork-а.

03:24

Speaker A

Нам нужно подключить папку нашего проекта.

03:28

Speaker A

Ну, давайте я подключу, это у меня Nocodo, кажется, называется.

03:31

Speaker A

Вот.

03:32

Speaker A

Мы подключили.

03:33

Speaker A

А, Always Allow.

03:35

Speaker A

Что происходит?

03:36

Speaker A

А, это Claude Cowork, это, точнее, Open Claude, вот Claude Bot, может, слышали.

03:43

Speaker A

Это немножко такая, похожая версия на Claude Code.

03:46

Speaker A

Почему? Потому что Claude Cowork, он вот эту папку, которую я добавил, он примонтировал её.

03:51

Speaker A

То есть он имеет полный доступ к моей папке, но не к остальному компьютеру.

03:54

Speaker A

И вот я говорю, а, Make me four different prototypes for my website design.

04:00

Speaker A

I want them to reflect what my company is as a technology services provider and SaaS builder

04:05

Speaker A

as well as consultancy agency.

04:07

Speaker A

Ну, вот поехали.

04:08

Speaker A

Замутим.

04:09

Speaker A

Вот так вот.

04:10

Speaker A

Что он выдаст?

04:11

Speaker A

Он сначала не кодит у вас прямо, ну, не меняет HTML-вьюхи в самом проекте.

04:18

Speaker A

Он сначала прототипирует и даст нам HTML-ки, которые

04:23

Speaker A

можно открыть прямо здесь в Claude Cowork-е, посмотреть, выбрать.

04:28

Speaker A

И уже попросить имплементацию, разработку этого в своём продукте.

04:32

Speaker A

И можно попросить дальнейший редизайн.

04:34

Speaker A

Вот Claude Cowork мне спрашивает.

04:36

Speaker A

Ты что

04:37

Speaker A

хочешь? Ну, я не знаю, кстати.

04:41

Speaker A

Tech-forward, современный, минимальный.

04:44

Speaker A

Tech-forward, футуристичный дизайн.

04:46

Speaker A

Ну, я даже не знаю.

04:48

Speaker A

Корпоративный и профессиональный.

04:50

Speaker A

Ну, я не люблю корпоративный.

04:53

Speaker A

Я хочу.

04:54

Speaker A

Давай, Bold and Dynamic.

04:56

Speaker A

Предложить цветовую гамму.

04:58

Speaker A

Кто Target Audience?

05:00

Speaker A

Это оба, короче.

05:02

Speaker A

Both equally.

05:03

Speaker A

Отлично, неплохо.

05:04

Speaker A

Да, кто-то скажет, в Claude Code нынче тоже анкетки появились.

05:08

Speaker A

Ну, ладно, хорошо, появились.

05:09

Speaker A

А, какое название твоей компании?

05:12

Speaker A

Моё название - это Nocodo LTD.

05:15

Speaker A

Я ввожу кастомно.

05:16

Speaker A

Он, походу, сам не догадался пока что.

05:18

Speaker A

Вот и посмотрим.

05:19

Speaker A

Он говорит, что сделает сейчас четыре прототипа.

05:23

Speaker A

Ну, как я и просил, кажется.

05:25

Speaker A

Да, четыре прототипа.

05:26

Speaker A

Подождём.

05:27

Speaker A

Видите, когда он кодит JSX.

05:30

Speaker A

Я не знаю, но это явно не Ruby on Rails.

05:33

Speaker A

Это что-то другое.

05:34

Speaker A

А, те, кто с этим форматом работают, закидывайте меня камнями.

05:38

Speaker A

Но не суть.

05:39

Speaker A

Они достаточно, главное, чтобы сделать кликабельный

05:43

Speaker A

просматриваемый прототип.

05:45

Speaker A

Потом оно уже конвертирует это на

05:47

Speaker A

на язык разметки моего Ruby on Rails, если вы используете другой фреймворк.

05:53

Speaker A

Ну, он на другой фреймворк вам это переведёт.

05:55

Speaker A

Подождём.

05:56

Speaker A

Итак, несколько минут спустя ожидания, Claude нам отчитался о проделанной работе.

06:01

Speaker A

Он создал нам четыре прототипа.

06:04

Speaker A

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

06:08

Speaker A

Смотрим первый.

06:09

Speaker A

Что-то не открывается.

06:10

Speaker A

Ну-ка, второй.

06:11

Speaker A

Вот, второй нам сделали.

06:13

Speaker A

Но мне это не нравится.

06:14

Speaker A

Третий.

06:15

Speaker A

Четвёртый.

06:16

Speaker A

Ну, мне что-то я не впечатлён.

06:19

Speaker A

Но я специально так сделал, потому что, потому что вы также начнёте.

06:23

Speaker A

И чтобы вы не удивлялись.

06:25

Speaker A

Так как у меня уже текущий дизайн, я говорю, Wait, we already have current design schema with Tailwind

06:30

Speaker A

and existing design.

06:32

Speaker A

I want, я хочу новый дизайн.

06:35

Speaker A

I want new design based on my current landing page content.

06:38

Speaker A

И иду в работу.

06:39

Speaker A

Другими словами, на будущее, если мы в первом же промте намекнём ему, что, ну, вообще-то

06:44

Speaker A

я хотел бы эволюцию своей странички и использую контент этой странички.

06:49

Speaker A

Он бы сразу сделал.

06:50

Speaker A

Ну, вот мы увидели, как это работает, если неподготовленным начать.

06:53

Speaker A

Вот он теперь смотрит на текущий лендинг-пейдж, мою дизайн-систему.

06:57

Speaker A

Потому что мы её хотим улучшить.

06:59

Speaker A

Вот, видите, а, он пишет, у вас есть Rails-приложение с, ну, с неплохим дизайном в циане, морского цвета.

07:06

Speaker A

Давай я замучу четыре дизайн-прототипа, используя существующий контент, но со свежими лейаутами и визуальными подходами.

07:11

Speaker A

Ну, и ждём.

07:12

Speaker A

Итак, ещё несколько минут спустя, нам сделали очередные прототипы.

07:17

Speaker A

Открываем их теперь.

07:18

Speaker A

Ну, кстати, мне больше всего понравились

07:20

Speaker A

вот этот.

07:21

Speaker A

И вот этот.

07:22

Speaker A

А, я ему, шаг два, первичное внедрение.

07:25

Speaker A

Это какой?

07:26

Speaker A

Третий прототип.

07:27

Speaker A

I choose prototype number three, modify in Rails project my primary landing page with this design and layout.

07:33

Speaker A

Ну, первым шагом мы хотели бы, чтобы это всё изначально внедрилось.

07:37

Speaker A

После этого, шагом два, мы будем кое-что напильником допиливать.

07:41

Speaker A

Также в Claude Cowork-е, чтобы было, ну, ещё круче это выглядело.

07:44

Speaker A

Я в этом видео опущу вопросы, связанные, ну, что конкретно здесь писать.

07:49

Speaker A

Ну, я считаю, что глупо писать, ну, Claude, ладно.

07:53

Speaker A

То, что мы Solid Queue, Rails-ов используем, ну, это никому не интересно.

07:59

Speaker A

Hotwire там.

08:00

Speaker A

А, то, что где-то здесь было написано, а, ну, вот здесь вот две-три недели Production Ready Feature.

08:07

Speaker A

Это о'кей, там, в другой версии было 48 часов.

08:11

Speaker A

Ну, я для себя-то могу за 48 часов.

08:14

Speaker A

Но для клиентов, например, нет.

08:16

Speaker A

Подождём.

08:17

Speaker A

Итак, ещё пару минуток спустя.

08:20

Speaker A

Он уже внедрил это на основном лендинге.

08:23

Speaker A

И если я уже зайду на свой Localhost и перезагружу.

08:27

Speaker A

Вуаля.

08:28

Speaker A

Я вижу новый дизайн.

08:30

Speaker A

Ну.

08:31

Speaker A

Ну, вот это, конечно, too much.

08:34

Speaker A

Но если это фишка.

08:36

Speaker A

Если это фишка.

08:38

Speaker A

То о'кей.

08:39

Speaker A

Значит, что я ещё хотел бы?

08:43

Speaker A

Я хочу какую-то визуальную анимацию.

08:45

Speaker A

А, есть один из промтов, который я для себя открыл.

08:50

Speaker A

Это говорим.

08:52

Speaker A

Ну, вот этот блок называется обычно Hero Section, да?

08:55

Speaker A

Я ему говорю, In Hero Section for background come up with some cool animation.

09:00

Speaker A

И самое главное, я произношу следующее, что be a human designer.

09:06

Speaker A

So it doesn't look like AI with design taste.

09:10

Speaker A

Со вкусом.

09:11

Speaker A

Просто посмотрим, что оно вытворит.

09:12

Speaker A

Пока оно делает.

09:15

Speaker A

Можем посмотреть лог его мыслей.

09:17

Speaker A

Что он пишет, что пользователь хочет добавить крутую, стильную, ну, со вкусом фоновую анимацию.

09:25

Speaker A

Которая как будто сделана человеком, а не базовым AI-generated.

09:30

Speaker A

И какой подход можно, чтобы решить проблему?

09:32

Speaker A

Значит, избегать клише.

09:33

Speaker A

А, Subtle, ненавязчивый и с целью.

09:36

Speaker A

По бренду.

09:37

Speaker A

И вот у него внутренние, видите, инструкции.

09:38

Speaker A

И смотрим, что он из этого сделает.

09:40

Speaker A

А, он открывает.

09:41

Speaker A

Он думает идеи.

09:42

Speaker A

Что уже по вёрстке, по HTML-шаблону сделать в самом проекте.

09:46

Speaker A

Но теперь наш контекст.

09:48

Speaker A

Переписки закончился, он делает автокомпакт.

09:52

Speaker A

И мы ещё пару минуточек подождём.

09:54

Speaker A

Вот он, кстати.

09:55

Speaker A

Уже продолжает.

09:56

Speaker A

Смотрим, как он думает.

09:57

Speaker A

И я очень советую всем вчитываться, что он делает.

10:00

Speaker A

Открываем Show More.

10:01

Speaker A

И он говорит, он видит файл.

10:03

Speaker A

Видит, где секция начинается.

10:04

Speaker A

Видит, что какие-то анимации сделать.

10:06

Speaker A

Вот, добавит анимацию.

10:07

Speaker A

Что добавлено?

10:08

Speaker A

Так, что-то добавлено уже.

10:09

Speaker A

Открываем.

10:10

Speaker A

Рефрешим страничку.

10:11

Speaker A

А, ну, видите, вот эта линия, черта двигается.

10:14

Speaker A

Ну, оставим её.

10:15

Speaker A

Но таким образом можно какие-то визуализации продуктовые получить.

10:19

Speaker A

Это пример номер один.

10:20

Speaker A

Пример номер два.

10:21

Speaker A

А, проект, который только начался в разработке.

10:26

Speaker A

Это V0 для написания постов в Telegram.

10:30

Speaker A

В нём ещё дизайн, ну, видите, там не работали особо над ним.

10:33

Speaker A

И что, попробуем то же самое провернуть.

10:37

Speaker A

Но мы уже подготовлены.

10:38

Speaker A

Также в Claude Cowork-е мы создаём новый проект.

10:42

Speaker A

На этот раз добавляем проект, ну, с исходным кодом этим.

10:45

Speaker A

Я ему говорю.

10:46

Speaker A

А, дай мне три HTML-прототипа for our landing page, check current content with alternative design and look and feel matching what our product does.

10:52

Speaker A

Opus 4.5 включаем.

10:54

Speaker A

И ждём.

10:55

Speaker A

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

11:00

Speaker A

Мы сразу запросили HTML, чтобы это просто в Claude открылось.

11:05

Speaker A

И потом мы уже это внедрили с вами.

11:07

Speaker A

Подождём.

11:08

Speaker A

Пока читаем, что он нам показывает, он понял, о чём продукт.

11:14

Speaker A

Ну, я его тогда назвал Anton Writer.

11:16

Speaker A

В честь одного из учеников, которые у нас на Street MBA Vibe-программе этот проект делает.

11:22

Speaker A

И мы вот с нуля вместе на воркшопе его начинали делать.

11:25

Speaker A

Сделали.

11:26

Speaker A

Антон его у себя уже тоже почти доделал.

11:28

Speaker A

И я просто в честь учеников называю рабочие версии билды проектов.

11:33

Speaker A

Видите, что он показывает, что это AI-powered.

11:36

Speaker A

Контент-генерационный инструмент для LinkedIn и Telegram-креаторов, которые обучаются ихнему уникальному, ну, голосов.

11:43

Speaker A

Короче, лексикону.

11:44

Speaker A

А, чтобы сделать нативные посты.

11:46

Speaker A

Контент на русском.

11:47

Speaker A

Таргетинг Ghostwriter-ов, коучей и солопренёров.

11:50

Speaker A

Ну, о'кей.

11:51

Speaker A

Вот посмотрим, чтобы мы немножко за рамки текущего дизайна.

11:55

Speaker A

Который уже был внедрён в приложение.

11:58

Speaker A

Попробуем.

11:59

Speaker A

Вот он уже второй делает прототип.

12:01

Speaker A

Первый он уже нарисовал.

12:03

Speaker A

Второй.

12:04

Speaker A

Подождём ещё пару минуток и продолжим.

12:05

Speaker A

Кстати, пока он делает уже третий дизайн.

12:09

Speaker A

У нас справа есть папка артефактов, ну, то есть результатов труда.

12:13

Speaker A

И мы можем уже заранее первые два дизайна посмотреть.

12:16

Speaker A

Открываем первый дизайн.

12:17

Speaker A

И смотрим.

12:18

Speaker A

А, смотрите.

12:19

Speaker A

Вот.

12:20

Speaker A

Лепота.

12:21

Speaker A

Ну, кстати, он и пишет.

12:22

Speaker A

Если там Go to Mark, если нормально описать бизнес, он очень релевантно, хорошо писать стал.

12:27

Speaker A

А.

12:28

Speaker A

Всё, что нужно автору контента.

12:29

Speaker A

Раньше я тратил 3 часа на один пост.

12:32

Speaker A

С Антоном 20 минут.

12:34

Speaker A

И мой голос остаётся узнаваемым.

12:35

Speaker A

Знаете, это похоже на сайт Медузы, по-моему.

12:36

Speaker A

Этот дизайн назовём его Медуза.

12:38

Speaker A

Раз, два, да, неплохо.

12:40

Speaker A

Можно вот так закрыть.

12:41

Speaker A

Открываем второй дизайн.

12:42

Speaker A

Болдовый.

12:43

Speaker A

Контент на автопилоте.

12:45

Speaker A

Антон пишет.

12:46

Speaker A

Отличная идея.

12:47

Speaker A

Ну, этот какой-то попроще дизайн.

12:49

Speaker A

Но там, кстати, потенциал развития неплохой.

12:52

Speaker A

Пока что я склоняюсь к дизайну Медузы.

12:53

Speaker A

И посмотрим, что там с третьим будет.

12:56

Speaker A

Подождём ещё чуть-чуть.

12:57

Speaker A

Итак, третий дизайн готов.

13:00

Speaker A

Нажимаем на него.

13:01

Speaker A

Ну, мы можем здесь нажать.

13:02

Speaker A

Вот сейчас он покажет, чтобы уже богато.

13:04

Speaker A

Профессиональный дизайн.

13:05

Speaker A

Открываем.

13:06

Speaker A

Ну, это какой-то базовый.

13:07

Speaker A

Это какой-то базовый.

13:08

Speaker A

Ну, хорошо.

13:09

Speaker A

Давайте, значит.

13:10

Speaker A

Спасибо большое, я выбираю дизайн номер один.

13:13

Speaker A

Мне он понравился больше всего.

13:15

Speaker A

Попрошу тебя его внедрить в мой Rails-продукт.

13:17

Speaker A

И пусть он делает.

13:18

Speaker A

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

13:21

Speaker A

Для того, чтобы немножко подумать.

13:23

Speaker A

А, это, кстати, неплохо.

13:24

Speaker A

Но, допустим, я думаю добавить

13:28

Speaker A

что-то про боли и с анимацией, какую-то визуализацию.

13:32

Speaker A

Ну, допустим.

13:33

Speaker A

Ну, кстати, это очень хорошо, что он векторно нарисовал вполне приличненько и релевантно.

13:37

Speaker A

Здесь я бы.

13:38

Speaker A

Попросил его развить прямо превью, как это работает, показать.

13:42

Speaker A

А всё, что нужно автору контента, я придумал.

13:47

Speaker A

Не хватает некого конспекта про боли.

13:50

Speaker A

Какой-то, знаешь, который манифестирует проблему ещё больше.

13:53

Speaker A

И я отправляю.

13:54

Speaker A

Ну-ка, что тут?

13:55

Speaker A

Вот.

13:56

Speaker A

Кстати, это редкая ошибка случилась.

13:58

Speaker A

Ну, давайте сделаем continue тогда.

13:59

Speaker A

И вот эту задачку я добавлю в очередь.

14:00

Speaker A

Дальнейшие изменения, так как уже в продукте мы делаем.

14:03

Speaker A

Мы уже, конечно, не здесь смотрим.

14:05

Speaker A

А.

14:06

Speaker A

Пытаемся рефрешить.

14:07

Speaker A

Ну, вот, видите.

14:08

Speaker A

Уже наш сайт готов, завёрстан.

14:10

Speaker A

Неплохо.

14:11

Speaker A

Весьма неплохо, кстати.

14:12

Speaker A

Давайте затестим.

14:13

Speaker A

Мобильная версия.

14:14

Speaker A

Хорошо.

14:15

Speaker A

Прямо очень неплохо.

14:17

Speaker A

Вот, видите, он говорит, что завершил.

14:19

Speaker A

И начинает добавлять секцию со сторителлингом после Hero, после вот этой.

14:23

Speaker A

Вот сюда.

14:24

Speaker A

С анимацией.

14:25

Speaker A

Вот, смотрим, как он думает.

14:26

Speaker A

Он пишет, что надо добавить сторителлинговую секцию.

14:30

Speaker A

Надо нарратив о сложностях писателя.

14:32

Speaker A

Надо вот, визуализация пустая страничка и курсор.

14:35

Speaker A

Вот, когда мы пишем в текстовых редакторах.

14:37

Speaker A

У нас же курсор.

14:38

Speaker A

И мы ждём.

14:39

Speaker A

Хорошо.

14:40

Speaker A

Clock Time.

14:41

Speaker A

Время прессует тебя.

14:42

Speaker A

И трансформация, которая продаётся, чтобы было продуктивное, ну, чтобы человек продуктивно писал что-то и выдавал.

14:46

Speaker A

И пишет, что готово.

14:47

Speaker A

Вот эти изменения, они часто быстрее происходят.

14:50

Speaker A

И я.

14:51

Speaker A

Вот так вот.

14:52

Speaker A

Смотрите, друзья.

14:54

Speaker A

Знакома?

14:55

Speaker A

Завтра нужен пост.

14:57

Speaker A

Потому что у меня лично в Telegram-канале есть такая проблема.

15:00

Speaker A

И смотрите.

15:01

Speaker A

Это не картинка.

15:02

Speaker A

Это прямо, ну, HTML.

15:03

Speaker A

Кастомно завёрстанный.

15:04

Speaker A

Как-то так.

15:05

Speaker A

И смотрите, финальный наш результат.

15:07

Speaker A

Полностью переделали дизайн, добавили визуализации.

15:10

Speaker A

Чтобы это меньше похоже было на AI.

15:13

Speaker A

И таким образом можно каждый, при желании, раздел вашего сайта добавлять.

15:16

Speaker A

Изменять, модифицировать.

15:18

Speaker A

Надеюсь, это видео полезно.

15:20

Speaker A

Это простые шаги.

15:22

Speaker A

Шаг номер один - добавить свой текущий проект в Claude Cowork.

15:26

Speaker A

Но вы можете, если проекта нет, кстати, просто ему сказать, вот у меня проект.

15:32

Speaker A

Вы очень глубокий анализ даёте ему, мы этому на программе Street MBA Business рассказываем.

15:37

Speaker A

Учим.

15:38

Speaker A

Хорошее, детальное описание сути проблемы, сути целевой аудитории.

15:44

Speaker A

И примерное направление продукта.

15:46

Speaker A

И он на основе этого подберёт что-то релевантное вам.

15:51

Speaker A

Сразу просите то, чтобы прототип был сразу в HTML.

15:54

Speaker A

А, ну, с каким-то дизайнами, и что человек с вкусом.

15:59

Speaker A

With a design taste, с дизайнерским вкусом работает над этим.

16:02

Speaker A

И AI начинает врубаться, что есть некая AI-слепота.

16:08

Speaker A

Ну, когда сайты вот похожи, вот эти особенно двухколоночные вот эти дизайны.

16:12

Speaker A

Сравнительные.

16:13

Speaker A

Палится сильно.

16:14

Speaker A

Вот так.

16:15

Speaker A

Если ты хочешь научиться вот это с нуля делать и доводить это полностью до рабочего продукта.

16:20

Speaker A

Который масштабируем, дёшев в содержании.

16:23

Speaker A

И чтобы ты понимал, как с нуля пилить свои проекты.

16:28

Speaker A

А проекты могут быть мобильные приложения с бэкэндами, веб-сайты, SaaS.

16:34

Speaker A

И Telegram-боты.

16:35

Speaker A

Тебе обязательно стоит присоединиться и рассмотреть нашу программу с Денисом.

16:39

Speaker A

Street MBA Vibe.

16:40

Speaker A

Если ты хочешь научиться прокачаться в запуске продуктов.

16:45

Speaker A

А, как делать маркетинг?

16:47

Speaker A

Как делать продажи?

16:48

Speaker A

И вообще, в конце концов, как придумать идею, понять, а, где есть ниша со спросом.

16:54

Speaker A

Где заплатят.

16:55

Speaker A

И как стать самому контент-креатором и писать свои Telegram-ы, заводить каналы.

17:02

Speaker A

Тебе обязательно к нам в программу Street MBA Business.

17:05

Speaker A

Все ссылочки будут в описании.

17:07

Speaker A

И если тебе нравится то, что ты сейчас увидел, услышал.

17:13

Speaker A

И ты хочешь смотреть этот контент дальше.

17:15

Speaker A

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

17:18

Speaker A

Нам это очень приятно с Денисом.

17:20

Speaker A

Алгоритмы Ютуба это любят.

17:22

Speaker A

И в наших Telegram-каналах тоже ссылочка в описании.

17:27

Speaker A

Ещё больше подобного контента.

17:29

Speaker A

Увидимся в следующих выпусках.

Topics: веб-дизайн Claude Cowork AI дизайн прототипирование сайта редизайн сайта Ruby on Rails фронтенд дизайн автоматизация дизайна визуальная анимация создание сайтов


---
This is the markdown twin of https://sozai.app/transcript/kak-dizajnit-krasivye-sajty-v-claude-cowork-transcript/ — the same content, without the markup.
Published by SozAI (https://sozai.app). Reuse and quotation are allowed with attribution and a link back.
Machine-readable index: https://sozai.app/llms.txt · data API: https://sozai.app/api/