newsmode
search
Меню
arrow_back Назад

HTML is the new markdown: How Anthropic engineers are building with Claude Code | Thariq Shihipar

auto_awesomeКраткое саммари

Тариq Shihipar — инженер команды Claude Code в Anthropic — рассказывает, почему HTML стал для него лучшей заменой Markdown при планировании и реализации задач с ИИ. Богатые визуальные форматы повышают вовлечённость человека и в итоге дают лучший продукт: вместо текстовых списков получаются интерактивные мокапы и демо. Он показывает, как использовать HTML-артефакты для брейнсторма, создавать одноразовые микро-UI для редактирования отдельных частей плана и поддерживать живые дизайн-системы, которые путешествуют вместе с кодовой базой. Главный тезис: «сложность должна себя окупать», а 99% сгенерированных ИИ токенов должны уходить на планирование, интерфейсы и коммуникацию, а не в production-код. Эпизод снят на мероприятии Anthropic Code with Claude в Сан-Франциско.

HTML is the new Markdown: How Anthropic engineers are building with Claude Code | Thariq Shihipar

HTML — это новый Markdown: как инженеры Anthropic строят с Claude Code | Thariq Shihipar

Thariq Shihipar is an engineer at Anthropic working on the Claude Code team. He’s spent the past several months experimenting with HTML as a replacement for Markdown in planning and implementation workflows, discovering that richer visual formats lead to better human engagement—and, ultimately, better products. In this episode, filmed at Anthropic’s Code with Claude event in San Francisco, Thariq demonstrates how to use HTML artifacts to create interactive plans, build throwaway UIs for specific problems, and maintain living design systems that travel with your codebase.

Thariq Shihipar — инженер Anthropic, работающий в команде Claude Code. Последние несколько месяцев он экспериментирует с HTML как заменой Markdown в процессах планирования и реализации и обнаружил, что более богатые визуальные форматы повышают вовлечённость человека и в итоге дают лучшие продукты. В этом эпизоде, снятом на мероприятии Anthropic Code with Claude в Сан-Франциско, Thariq показывает, как использовать HTML-артефакты, чтобы создавать интерактивные планы, собирать одноразовые UI под конкретные задачи и поддерживать живые дизайн-системы, которые путешествуют вместе с вашей кодовой базой.

Listen or watch on YouTube, Spotify, or Apple Podcasts

Слушайте или смотрите на YouTube, Spotify или Apple Podcasts

What you’ll learn:

Что вы узнаете:

  • Why HTML has replaced Markdown as the ideal format for AI agent communication and planning

  • How to brainstorm in HTML to get visual mockups and interactive demos instead of text lists

  • The technique for building throwaway micro-UIs to edit specific parts of your plan

  • How to create a living design system in HTML that lives in your repo and travels with every project

  • Why “complexity has to earn its keep” and how HTML helps you stay in the loop without over-constraining Claude

  • The prompting technique that gives Claude flexibility while ensuring that you get what you need

  • Why 99% of your AI-generated tokens should go to planning, interfaces, and communication—not production code

  • Почему HTML вытеснил Markdown как идеальный формат для коммуникации и планирования с ИИ-агентамиКак проводить брейнсторм в HTML, чтобы получать визуальные мокапы и интерактивные демо вместо текстовых списковТехника создания одноразовых микро-UI для редактирования отдельных частей вашего планаКак собрать живую дизайн-систему в HTML, которая лежит в вашем репозитории и путешествует с каждым проектомПочему «сложность должна себя окупать» и как HTML помогает оставаться в курсе, не ограничивая Claude слишком жёсткоТехника промптинга, которая даёт Claude свободу действий и при этом гарантирует, что вы получите нужный результатПочему 99% ваших токенов, сгенерированных ИИ, должны уходить на планирование, интерфейсы и коммуникацию, а не в production-код


    Brought to you by:

    Эпизод подготовлен при поддержке:

    Celigo—Intelligent automation built for AI

    Celigo — интеллектуальная автоматизация, созданная для ИИ

    Persona—Trusted identity verification for any use case

    Persona — надёжная проверка личности для любого сценария

    In this episode, we cover:

    В этом эпизоде мы обсуждаем:

    (00:00) Introduction

    (00:00) Вступление

    (02:39) HTML as the new Markdown

    (02:39) HTML как новый Markdown

    (04:30) The compute allocator mindset

    (04:30) Мышление «распределителя вычислений»

    (05:51) How HTML makes specs more engaging

    (05:51) Как HTML делает спецификации более вовлекающими

    (06:48) Demo: Brainstorming in HTML with Claude Code

    (06:48) Демо: брейнсторм в HTML с Claude Code

    (09:24) From brainstorm to full implementation plan

    (09:24) От брейнсторма к полному плану реализации

    (11:20) Prompting philosophy: Trust Claude but give it constraints

    (11:20) Философия промптинга: доверяйте Claude, но задавайте ограничения

    (13:50) The future of PRDs and tech specs

    (13:50) Будущее PRD и технических спецификаций

    (18:16) Making HTML specs editable

    (18:16) Как сделать HTML-спецификации редактируемыми

    (20:23) The abundance mindset

    (20:23) Мышление изобилия

    (24:17) Just-in-time documentation and throwaway software

    (24:17) Документация «по требованию» и одноразовое ПО

    (25:39) Using plans as artifacts for implementation

    (25:39) Использование планов как артефактов для реализации

    (26:39) Demo: Living design systems in HTML

    (26:39) Демо: живые дизайн-системы в HTML

    (30:16) Adding comments and annotations to HTML plans

    (30:16) Добавление комментариев и аннотаций к HTML-планам

    (31:42) Recap: The HTML workflow

    (31:42) Резюме: рабочий процесс на HTML

    (32:21) Lightning round and final thoughts

    (32:21) Блиц-раунд и заключительные мысли

    Tools referenced:

    Упомянутые инструменты:

    • Claude Code: https://claude.ai/code

    • Claude Code: https://claude.ai/code

    • Claude Design: https://claude.ai/design

    • Claude Design: https://claude.ai/design

    • GitHub: https://github.com/

    • GitHub: https://github.com/

    Other references:

    Другие ссылки:

    • Anthropic Code with Claude event: https://claude.com/code-with-claude

    • Мероприятие Anthropic Code with Claude: https://claude.com/code-with-claude

    • SpaceX partnership announcement: https://www.anthropic.com/news/higher-limits-spacex

    • Анонс партнёрства со SpaceX: https://www.anthropic.com/news/higher-limits-spacex

    • Jevons paradox: https://en.wikipedia.org/wiki/Jevons_paradox

    • Парадокс Джевонса: https://en.wikipedia.org/wiki/Jevons_paradox

    Where to find Thariq Shihipar:

    Где найти Thariq Shihipar:

    Where to find Claire Vo:

    Где найти Claire Vo:

    Production and marketing by https://penname.co/. For inquiries about sponsoring the podcast, email [email protected].

    Продакшн и маркетинг: https://penname.co/. По вопросам спонсорства подкаста пишите на [email protected].

    Discussion about this video

    Обсуждение этого видео

    Lenny's Newsletter