HTML is the new Markdown: How Anthropic engineers are building with Claude Code | Thariq Shihipar
TL;DR · AI 摘要
HTML 是新的 Markdown：如何 Anthropic 工程师用 Claude Code 开发。
核心要点
- HTML 替代 Markdown，支持交互式和动态设计。
- HTML 提供丰富的视觉体验，提高用户参与度。
- HTML 的灵活性和可扩展性使项目流程更加高效。
结构提纲
按章节快速跳转。
- §引言
Thariq Shihipar 是 Anthropic 的工程师，正在开发 Claude Code。他过去几个月在探索 HTML 作为 Markdown 替代方案的使用场景，发现更丰富的视觉格式有助于提升用户参与度并最终产生更好的产品。
- ·核心机制
HTML 能够替代 Markdown，支持交互式计划、备用 UI 设计，并构建可随代码变化的动态设计系统。
- ›技术细节
通过 HTML 工具，开发者可以创建交互式演示、微小 UI 来编辑计划内容，并利用 HTML 生态实现可扩展的设计系统。
思维导图
用一张图看清主题之间的关系。
查看大纲文本（无障碍 / 无 JS 友好）
- HTML 和 Markdown 的结合：AI 工程实践
- HTML 作为 Markdown 替代方案
- 交互式计划
- HTML artifacts
- 备用 UI 设计
- throwaway micro-UIs
- 动态设计系统
- living design system
- HTML 工具集
- compute allocator mindset
- 计算分配思想
- just-in-time documentation
- 即时文档
- abundance mindset
- 丰裕心态
- HTML 实现
- prompting philosophy
- 信任 Claude 但提供约束
- full implementation plan
- 从头脑风暴到完整实施
金句 / Highlights
值得收藏与分享的关键句。
HTML 可以替代 Markdown，支持交互式和动态设计。
HTML 提供了丰富的视觉体验，提高用户参与度。
HTML 的灵活性和可扩展性使项目流程更加高效。
Thariq Shihiparis 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.
- 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
[Celigo](https://celigo.com/howIAI)—Intelligent automation built for AI
[Persona](https://withpersona.com/lp/howiai)—Trusted identity verification for any use case
(00:00) Introduction
(02:39) HTML as the new Markdown
(04:30) The compute allocator mindset
(05:51) How HTML makes specs more engaging
(06:48) Demo: Brainstorming in HTML with Claude Code
(09:24) From brainstorm to full implementation plan
(11:20) Prompting philosophy: Trust Claude but give it constraints
(13:50) The future of PRDs and tech specs
(18:16) Making HTML specs editable
(20:23) The abundance mindset
(24:17) Just-in-time documentation and throwaway software
(25:39) Using plans as artifacts for implementation
(26:39) Demo: Living design systems in HTML
(30:16) Adding comments and annotations to HTML plans
(31:42) Recap: The HTML workflow
(32:21) Lightning round and final thoughts
• Claude Code: https://claude.ai/code
• Claude Design: https://claude.ai/design
• AWS: https://aws.amazon.com/
• Figma: https://www.figma.com/
• GitHub: https://github.com/
• Anthropic Code with Claude event: https://claude.com/code-with-claude
• SpaceX partnership announcement: https://www.anthropic.com/news/higher-limits-spacex
• Jevons paradox: https://en.wikipedia.org/wiki/Jevons_paradox
Website: https://www.thariq.io/
LinkedIn: https://www.linkedin.com/in/thariqshihipar/
GitHub: https://github.com/ThariqS
ChatPRD: https://www.chatprd.ai/
Website: https://clairevo.com/
LinkedIn: https://www.linkedin.com/in/clairevo/
Production and marketing by https://penname.co/. For inquiries about sponsoring the podcast, email jordan@penname.co.