как генерировать дизайнерские сайты, презентации и даже моушен видео через claude design
в прошлую пятницу релизнули claude design. все выходные я его активно тестил, собирал референсы, изучал слитый системный промпт и даже навайбкодил терминальную версию для claude code (!!). делюсь подборкой полезных примеров и хаков c вами
главное что понял за выходные: секрет не в самом приложении, а в DESIGN.md. файл содержит описание дизайн системы для разных форматов (сайт, преза, видео). без него получаешь generic-дизайн, с ним — материал в стиле бренда с первой попытки. уже есть готовы коллекции DESIGN.md, которые можно просто скопировать, про это ниже
1/ сайты: если делаешь продуктовый лендинг и не хочешь generic, то можно взять готовый DESIGN.md из коллекции awesome-claude-design (68 готовых систем: linear, stripe, ferrari, wired), также появился отдельный сайт с такими файлами. viktoroddy в X показал, как за одну сессию собрал лендинг с liquid-glass hero, паралаксом и видео-фоном. он же выложил там туториал на 18 минут
2/ презентации и маркетинг: если собираешь питчдек или дизайнить емейл-рассылки, то для вас добавили связку с canva, она теперь официальная. при этом есть экспорт в pptx/pdf одной кнопкой. austin lau из anthropic показал свой полный маркетинг-workflow для claude design: лендинг плюс email-рассылки
3/ моушен видео: самое неожиданное. еще один кейс из X, там поделились примером работы claude code в связке с новой тулой hyperframes от heygen. пример и туториал, все по ссылке.
4/ связка с claude code: если ты строить продукт, то результат работы claude design можно легко прокинуть в claude code для разработки. но я пошел еще дальше и навайбкодил claude design сразу для claude code агента: генерировать презы, дизайн и моушен можно прямо из терминала, не нужно заходить на сайт — это намного быстрее. репо на гитхабе, буду рад звездочкам и pr
5/ финальные хаки: дизайнер из антропик тестировал claude design еще до релиза и составил свою подборку лучших практик, которые легко забрать себе.
темп релизов невероятный в последнее время, конечно. в последнем посте только писал, что claude code это уже не про код, а вот теперь еще и про дизайн. если давно хотели начать, то приходите к в vibecon на третий поток — поможем настроить claude code и начать пользоваться агентами. обязательно сделаю урок по claude design для нашей библиотеки, тем более все работает в рамках одной подписки
в прошлую пятницу релизнули claude design. все выходные я его активно тестил, собирал референсы, изучал слитый системный промпт и даже навайбкодил терминальную версию для claude code (!!). делюсь подборкой полезных примеров и хаков c вами
главное что понял за выходные: секрет не в самом приложении, а в DESIGN.md. файл содержит описание дизайн системы для разных форматов (сайт, преза, видео). без него получаешь generic-дизайн, с ним — материал в стиле бренда с первой попытки. уже есть готовы коллекции DESIGN.md, которые можно просто скопировать, про это ниже
1/ сайты: если делаешь продуктовый лендинг и не хочешь generic, то можно взять готовый DESIGN.md из коллекции awesome-claude-design (68 готовых систем: linear, stripe, ferrari, wired), также появился отдельный сайт с такими файлами. viktoroddy в X показал, как за одну сессию собрал лендинг с liquid-glass hero, паралаксом и видео-фоном. он же выложил там туториал на 18 минут
2/ презентации и маркетинг: если собираешь питчдек или дизайнить емейл-рассылки, то для вас добавили связку с canva, она теперь официальная. при этом есть экспорт в pptx/pdf одной кнопкой. austin lau из anthropic показал свой полный маркетинг-workflow для claude design: лендинг плюс email-рассылки
3/ моушен видео: самое неожиданное. еще один кейс из X, там поделились примером работы claude code в связке с новой тулой hyperframes от heygen. пример и туториал, все по ссылке.
4/ связка с claude code: если ты строить продукт, то результат работы claude design можно легко прокинуть в claude code для разработки. но я пошел еще дальше и навайбкодил claude design сразу для claude code агента: генерировать презы, дизайн и моушен можно прямо из терминала, не нужно заходить на сайт — это намного быстрее. репо на гитхабе, буду рад звездочкам и pr
5/ финальные хаки: дизайнер из антропик тестировал claude design еще до релиза и составил свою подборку лучших практик, которые легко забрать себе.
темп релизов невероятный в последнее время, конечно. в последнем посте только писал, что claude code это уже не про код, а вот теперь еще и про дизайн. если давно хотели начать, то приходите к в vibecon на третий поток — поможем настроить claude code и начать пользоваться агентами. обязательно сделаю урок по claude design для нашей библиотеки, тем более все работает в рамках одной подписки