How I AI

How I AI

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

35 min · 18 de may de 2026
Portada del episodio HTML is the new Markdown: How Anthropic engineers are building with Claude Code | Thariq Shihipar

Descripción

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. What you’ll learn: 1. Why HTML has replaced Markdown as the ideal format for AI agent communication and planning 2. How to brainstorm in HTML to get visual mockups and interactive demos instead of text lists 3. The technique for building throwaway micro-UIs to edit specific parts of your plan 4. How to create a living design system in HTML that lives in your repo and travels with every project 5. Why “complexity has to earn its keep” and how HTML helps you stay in the loop without over-constraining Claude 6. The prompting technique that gives Claude flexibility while ensuring that you get what you need 7. Why 99% of your AI-generated tokens should go to planning, interfaces, and communication—not production code — Brought to you by: Celigo [https://celigo.com/howIAI]—Intelligent automation built for AI Persona [https://withpersona.com/lp/howiai]—Trusted identity verification for any use case — In this episode, we cover: (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 — Tools referenced: • Claude Code: https://claude.ai/code [https://claude.ai/code] • Claude Design: https://claude.ai/design [https://claude.ai/design] • AWS: https://aws.amazon.com/ [https://aws.amazon.com/] • Figma: https://www.figma.com/ [https://www.figma.com/] • GitHub: https://github.com/ [https://github.com/] — Other references: • Anthropic Code with Claude event: https://claude.com/code-with-claude [https://claude.com/code-with-claude] • SpaceX partnership announcement: https://www.anthropic.com/news/higher-limits-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: Website: https://www.thariq.io/ [https://www.thariq.io/] LinkedIn: https://www.linkedin.com/in/thariqshihipar/ [https://www.linkedin.com/in/thariqshihipar/] X: https://x.com/trq212 [https://x.com/trq212?lang=en] GitHub: https://github.com/ThariqS [https://github.com/ThariqS] — Where to find Claire Vo: ChatPRD: https://www.chatprd.ai/ [https://www.chatprd.ai/] Website: https://clairevo.com/ [https://clairevo.com/] LinkedIn: https://www.linkedin.com/in/clairevo/ [https://www.linkedin.com/in/clairevo/] X: https://x.com/clairevo [https://x.com/clairevo] — Production and marketing by https://penname.co/ [https://penname.co/]. For inquiries about sponsoring the podcast, email jordan@penname.co.

Comentarios

0

Sé la primera persona en comentar

¡Regístrate ahora y únete a la comunidad de How I AI!

Prueba gratis

Empieza 7 días de prueba

$99 / mes después de la prueba. · Cancela cuando quieras.

  • Podcasts solo en Podimo
  • 20 horas de audiolibros al mes
  • Podcast gratuitos

Todos los episodios

79 episodios

episode Claude Opus 4.8 is here. Is it as good as they say? artwork

Claude Opus 4.8 is here. Is it as good as they say?

I got a few hours of early-access testing with Anthropic’s newly released model Opus 4.8. I walk through real coding, design, and strategy tasks across Claude Code and Claude Cowork, and give you my unfiltered view on what impressed me and what didn’t. — What you’ll learn: 1. Where Opus 4.8 excels: greenfield prototypes, one-shot features, and fast execution 2. Where it struggles: the last 10%, edge cases in existing codebases, and hallucinations 3. How Opus 4.8 compares to Opus 4.7 on business strategy work 4. Why I’m still reaching for Opus 4.7 on data-heavy strategy and roadmap work 5. The new features shipping alongside the model: dynamic workflows with parallel subagents and effort control in Claude.ai and Cowork 6. The prompting and harness strategy I’d use to get the most out of it — In this episode, we cover: (00:00) Introduction to Opus 4.8  (00:44) Benchmark performance and pricing (01:53) First coding test: Building a prototyping tool (03:00) Where it failed: The last 10% problem (03:27) The hallucination problem (04:23) Testing Opus 4.8 on existing codebases (05:24) The ambition test: Building games for a 9-year-old (07:03) Business strategy test: 4.7 vs 4.8 (08:23) The roadmap test (09:17) Final verdict — References: • System Card: Claude Opus 4.8: https://cdn.sanity.io/files/4zrzovbb/website/c886650a2e96fc0925c805a1a7ca77314ccbf4a6.pdf [https://cdn.sanity.io/files/4zrzovbb/website/c886650a2e96fc0925c805a1a7ca77314ccbf4a6.pdf] • Introducing Claude Opus 4.8 on X: https://x.com/claudeai/status/2060042702150930686?s=20 [https://x.com/claudeai/status/2060042702150930686?s=20] — Where to find Claire Vo: ChatPRD: https://www.chatprd.ai/ [https://www.chatprd.ai/] Website: https://clairevo.com/ [https://clairevo.com/] LinkedIn: https://www.linkedin.com/in/clairevo/ [https://www.linkedin.com/in/clairevo/] X: https://x.com/clairevo [https://x.com/clairevo] — Production and marketing by https://penname.co/ [https://penname.co/]. For inquiries about sponsoring the podcast, email jordan@penname.co.

28 de may de 202613 min
episode The Codex feature that works while you sleep artwork

The Codex feature that works while you sleep

In this 30-minute episode, I walk through my favorite feature in Codex: the /goal command. I show how Goals transform AI from a turn-based assistant that needs constant ‘what’s next?’ prompting into an autonomous agent that can work for hours on complex, multi-step tasks. I share three real examples: eliminating thousands of Sentry errors, cleaning 3,900 emails down to 68, and organizing hundreds of Linear tasks. What you’ll learn: 1. What Goals are and how they differ from standard prompts 2. How I used /goal to eliminate hundreds of error logs in my codebase over a five-hour autonomous run 3. The non-technical use cases that make Goals incredibly powerful: cleaning up 3,900 emails in under four hours and organizing hundreds of project management tasks in Linear 4. How to write effective /goal prompts with measurable outcomes, verification methods, and constraints 5. When not to use Goals and what makes a strong versus weak Goal 6. Why Goals represent a fundamental shift in how we work with AI, from babysitting the model to managing it — Brought to you by: Mercury [https://mercury.com/]—Radically different banking loved by over 300K entrepreneurs — In this episode, we cover: (00:00) Introduction (01:50) What is /goal and when should you use it? (02:45) The difference between prompts and Goal-based loops (04:06) Claire’s first five-hour 45-minute autonomous coding task (05:05) How to manage a Goal lifecycle: view, pause, resume, and clear (06:06) How to write strong goals: outcomes vs. outputs (07:34) The six components of effective Goals (08:57) Example: Reducing P95 checkout latency with /goal (09:36) Demo: Using /goal to eliminate Sentry errors in ChatPRD (13:18) Demo: Burning down Vercel API errors (17:28) Non-technical use case: Cleaning 3,900 emails with /goal (21:24) Demo: Using /goal to clean up Linear project tasks (24:41) When not to use /goal (26:10) Why /goal changes everything — Tools referenced: • Codex: https://openai.com/codex/ [https://openai.com/codex/] • Sentry: https://sentry.io/ [https://sentry.io/] • Vercel: https://vercel.com/ [https://vercel.com/] • Linear: https://linear.app/ [https://linear.app/] — Other reference: • OpenAI blog post “Using Goals in Codex”: https://developers.openai.com/cookbook/examples/codex/using_goals_in_codex [https://developers.openai.com/cookbook/examples/codex/using_goals_in_codex] — Where to find Claire Vo: ChatPRD: https://www.chatprd.ai/ [https://www.chatprd.ai/] Website: https://clairevo.com/ [https://clairevo.com/] LinkedIn: https://www.linkedin.com/in/clairevo/ [https://www.linkedin.com/in/clairevo/] X: https://x.com/clairevo [https://x.com/clairevo] — Production and marketing by https://penname.co/ [https://penname.co/]. For inquiries about sponsoring the podcast, email jordan@penname.co.

27 de may de 202630 min
episode How the engineer behind Claude Cowork actually uses Claude | Felix Rieseberg (Anthropic) artwork

How the engineer behind Claude Cowork actually uses Claude | Felix Rieseberg (Anthropic)

Felix Rieseberg is the engineering lead for Claude Cowork and Claude Code Desktop at Anthropic. He previously spent five years at Slack building developer tools. In this episode, Felix demonstrates how he uses Claude to solve real-life problems: analyzing floor plans to build interactive 3D house walkthroughs, automatically tracking promises he makes on Twitter, and building a $20 hardware device that physically approves Claude actions with a button press. What you’ll learn: 1. How to use Claude Cowork to turn a 2D floor plan into an interactive 3D walkthrough where you can move furniture around 2. The “go one abstraction layer up” philosophy: why you should never manually enter data Claude can find itself 3. How to use your email as an inventory database for furniture, clothing, and personal purchases 4. When to use Opus vs. Sonnet 4.6 (hint: it’s about how well you can scope the problem, not technical complexity) 5. How live artifacts work and why they’re powerful for dashboards that refresh with real-time data from your connectors 6. The product philosophy behind making latency delightful 7. How to build your own $20 hardware device using Claude Code (no hardware experience required) 8. Why Felix never reads the code Claude writes and judges it purely on output — Brought to you by: Magic Patterns [https://magicpatterns.com/howiai]—Prototypes that look like your product Guru [https://www.getguru.com/?utm_source=howi_ai_podcast&utm_medium=podcast&utm_campaign=q1]—The AI layer of truth — In this episode, we cover: (00:00) Introduction to Felix Rieseberg (02:40) Felix’s role at Anthropic (03:25) The multiple tabs in Claude and why they exist (05:55) Using Claude Cowork to design a new house using floor plans (09:52) When to use Opus versus Sonnet 4.6 (12:37) Building an interactive 3D furniture planner (14:30) Using your email as a source of truth for personal inventory (15:58) The anti-to-do list: going one abstraction layer up (23:14) Introduction to live artifacts (26:02) Building a personal dashboard with live data (28:37) Being polite to Claude (and why it matters for your humanity) (30:28) Claude interaction tips (32:33) Looking at the daily dashboard (33:55) How live artifacts work with connectors (35:02) Redesigning the dashboard (37:55) The biggest gap: people don’t know what problems AI can solve (41:52) The reverse interview (42:30) Making latency delightful through asynchronous design (44:05) The redesigned dashboard (45:28) AI should free up your creative energy (46:44) Building a $20 hardware Claude buddy (52:33) Why kids are magical AI users (54:30) Recap and final thoughts — Tools referenced: • Claude Cowork: https://www.anthropic.com/product/claude-cowork [https://www.anthropic.com/product/claude-cowork] • Claude Code: https://claude.ai/code [https://claude.ai/code] • Claude for Chrome: https://code.claude.com/docs/en/chrome [https://code.claude.com/docs/en/chrome] • Claude Desktop: https://claude.ai/download [https://claude.ai/download] • Live Artifacts: https://support.claude.com/en/articles/14729249-use-live-artifacts-in-claude-cowork [https://support.claude.com/en/articles/14729249-use-live-artifacts-in-claude-cowork] • Connectors (Spotify, Gmail, Calendar, Notion): https://claude.ai/settings/connectors [https://claude.ai/settings/connectors] • Slack: https://slack.com/ [https://slack.com/] — Where to find Felix Rieseberg: Website: https://felixrieseberg.com/ [https://felixrieseberg.com/] LinkedIn: https://www.linkedin.com/in/felixrieseberg/ [https://www.linkedin.com/in/felixrieseberg/] X: https://x.com/felixrieseberg [https://x.com/felixrieseberg] GitHub: https://github.com/felixrieseberg [https://github.com/felixrieseberg] — Where to find Claire Vo: ChatPRD: https://www.chatprd.ai/ [https://www.chatprd.ai/] Website: https://clairevo.com/ [https://clairevo.com/] LinkedIn: https://www.linkedin.com/in/clairevo/ [https://www.linkedin.com/in/clairevo/] X: https://x.com/clairevo [https://x.com/clairevo] — Production and marketing by https://penname.co/ [https://penname.co/]. For inquiries about sponsoring the podcast, email jordan@penname.co.

25 de may de 202659 min
episode What launched at Google I/O 2026 (30-minute day 1 recap) artwork

What launched at Google I/O 2026 (30-minute day 1 recap)

Today is day one of Google I/O 2026, and I walk through every major announcement live—from the new Gemini 3.5 model family to Anti-Gravity 2.0, Google AI Studio, Gemini’s consumer redesign, the Omni video model, Flow, Stitch, and Pomelli. I test them in real time and tell you exactly which ones delivered. What you’ll learn: 1. How Gemini 3.5 Flash benchmarks against Claude and GPT models on speed and agentic coding tasks 2. How Anti-Gravity 2.0’s new features (projects, scheduled tasks, subagents, slash commands) compare to Codex and Claude Code 3. Why the /grill-me slash command could be a more aggressive alternative to Claude Code’s clarification flow—and how to use it 4. How Google AI Studio’s new Workspace integration is designed to own the internal productivity app use case 5. How Google’s new creative tools work in practice: Omni (video generation), Flow (cinematic video editing and character consistency), Stitch (streaming UI design with inline edits), and Pomelli (brand identity and asset generation) 6. Why Google’s launch-to-availability gap is still a problem—and what to do when a featured product doesn’t actually work yet — Brought to you by: Magic Patterns [https://magicpatterns.com/howiai]—Prototypes that look like your product Thoughtspot [https://go.thoughtspot.com/howIAI]—Build AI-powered analytics into your product — In this episode, we cover: (00:00) Google I/O 2026 day 1 overview (01:47) Gemini 3.5 flash (04:19) Antigravity updates (06:32) CLI test and agent features (07:59) Core agent features released today—May 19th, 2026 (09:43) New slash commands (11:20) Antigravity test results and takeaways (12:25) AI Studio updates (13:52) Access issues (15:20) Gemini redesign (17:24) Gemini image gen test (19:16) Omni (video generation) (22:56) Flow (cinematic editing) (24:31) Avatar creation test (26:45) Pomelli and Stitch (31:13) Recap and final thoughts — Tools referenced: • Gemini 3.5 Flash: https://deepmind.google/technologies/gemini/ [https://deepmind.google/technologies/gemini/] • Antigravity: https://antigravity.google/ [https://antigravity.google/] • Google AI Studio: https://aistudio.google.com/ [https://aistudio.google.com/] • Google Gemini: https://gemini.google.com/ [https://gemini.google.com/] • Omni (video generation): https://deepmind.google/technologies/veo/https://gemini.google/overview/video-generation/ [https://gemini.google/overview/video-generation/] • Google Flow: https://flow.google/ [https://flow.google/] • Stitch: https://stitch.withgoogle.com/ [https://stitch.withgoogle.com/] • Pomelli (Google brand tool): https://labs.google.com/pomelli/about/ [https://labs.google.com/pomelli/about/] — Other references: • Google I/O 2026 announcements: https://blog.google/innovation-and-ai/sundar-pichai-io-2026/ [https://blog.google/innovation-and-ai/sundar-pichai-io-2026/] — Where to find Claire Vo: ChatPRD: https://www.chatprd.ai/ [https://www.chatprd.ai/] Website: https://clairevo.com/ [https://clairevo.com/] LinkedIn: https://www.linkedin.com/in/clairevo/ [https://www.linkedin.com/in/clairevo/] X: https://x.com/clairevo [https://x.com/clairevo] — Production and marketing by https://penname.co/ [https://penname.co/]. For inquiries about sponsoring the podcast, email jordan@penname.co.

20 de may de 202633 min
episode HTML is the new Markdown: How Anthropic engineers are building with Claude Code | Thariq Shihipar artwork

HTML is the new Markdown: How Anthropic engineers are building with 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. What you’ll learn: 1. Why HTML has replaced Markdown as the ideal format for AI agent communication and planning 2. How to brainstorm in HTML to get visual mockups and interactive demos instead of text lists 3. The technique for building throwaway micro-UIs to edit specific parts of your plan 4. How to create a living design system in HTML that lives in your repo and travels with every project 5. Why “complexity has to earn its keep” and how HTML helps you stay in the loop without over-constraining Claude 6. The prompting technique that gives Claude flexibility while ensuring that you get what you need 7. Why 99% of your AI-generated tokens should go to planning, interfaces, and communication—not production code — Brought to you by: Celigo [https://celigo.com/howIAI]—Intelligent automation built for AI Persona [https://withpersona.com/lp/howiai]—Trusted identity verification for any use case — In this episode, we cover: (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 — Tools referenced: • Claude Code: https://claude.ai/code [https://claude.ai/code] • Claude Design: https://claude.ai/design [https://claude.ai/design] • AWS: https://aws.amazon.com/ [https://aws.amazon.com/] • Figma: https://www.figma.com/ [https://www.figma.com/] • GitHub: https://github.com/ [https://github.com/] — Other references: • Anthropic Code with Claude event: https://claude.com/code-with-claude [https://claude.com/code-with-claude] • SpaceX partnership announcement: https://www.anthropic.com/news/higher-limits-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: Website: https://www.thariq.io/ [https://www.thariq.io/] LinkedIn: https://www.linkedin.com/in/thariqshihipar/ [https://www.linkedin.com/in/thariqshihipar/] X: https://x.com/trq212 [https://x.com/trq212?lang=en] GitHub: https://github.com/ThariqS [https://github.com/ThariqS] — Where to find Claire Vo: ChatPRD: https://www.chatprd.ai/ [https://www.chatprd.ai/] Website: https://clairevo.com/ [https://clairevo.com/] LinkedIn: https://www.linkedin.com/in/clairevo/ [https://www.linkedin.com/in/clairevo/] X: https://x.com/clairevo [https://x.com/clairevo] — Production and marketing by https://penname.co/ [https://penname.co/]. For inquiries about sponsoring the podcast, email jordan@penname.co.

18 de may de 202635 min