HTML is the new markdown: How Anthropic engineers are building with Claude Code | Thariq Shihipar
Тари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:
В этом эпизоде мы обсуждаем:
(09:24) From brainstorm to full implementation plan
(09:24) От брейнсторма к полному плану реализации
(11:20) Prompting philosophy: Trust Claude but give it constraints
(11:20) Философия промптинга: доверяйте Claude, но задавайте ограничения
(24:17) Just-in-time documentation and throwaway software
(24:17) Документация «по требованию» и одноразовое ПО
(25:39) Using plans as artifacts for implementation
(25:39) Использование планов как артефактов для реализации
(30:16) Adding comments and annotations to HTML plans
(30:16) Добавление комментариев и аннотаций к HTML-планам
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
• AWS: https://aws.amazon.com/
• AWS: https://aws.amazon.com/
• Figma: https://www.figma.com/
• Figma: https://www.figma.com/
• 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:
Website: https://www.thariq.io/
Сайт: https://www.thariq.io/
GitHub: https://github.com/ThariqS
GitHub: https://github.com/ThariqS
Where to find Claire Vo:
Где найти Claire Vo:
ChatPRD: https://www.chatprd.ai/
ChatPRD: https://www.chatprd.ai/
Website: https://clairevo.com/
Сайт: https://clairevo.com/
LinkedIn: https://www.linkedin.com/in/clairevo/
LinkedIn: https://www.linkedin.com/in/clairevo/
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
Обсуждение этого видео