Back to database

Thariq Shihipar, Anthropic's AI use case

Engineer on Claude Code at Anthropic

Uses HTML as a richer collaboration layer with Claude Code, turning AI-generated plans, brainstorms, editing interfaces, and design systems into visual artifacts that are easier for humans to read, adjust, and share.

The problem

What was broken before AI

As AI-generated plans get longer, Markdown starts to break down as a collaboration format. A thousand-line plan may be technically complete, but it is hard for a human to read, judge, and edit. The result is that people stop engaging with the plan and start delegating more decisions back to the model. That weakens the human feedback loop exactly when the project needs better judgment.

What changed

What the use case made possible

Thariq began asking Claude Code to create HTML artifacts for planning and collaboration. A brainstorm becomes a visual page with cards, mockups, and risk assessments. An implementation plan becomes a single-file website with code snippets, file structure, UI references, and context. When part of the plan is hard to edit, he asks Claude to build a small custom interface just for that problem. For design systems, he creates HTML files that both people and models can read and reuse.

Why this matters

Why this use case is worth studying

Thariq’s workflow is interesting because it treats the collaboration medium as part of the AI system. The model may be able to read Markdown just fine, but the human still needs to understand what is happening and make good decisions. HTML makes the work easier to scan, question, edit, and share. That keeps the human in the loop in a more active way instead of turning them into a passive reviewer of model output.

Use this when

When this pattern applies

Use this pattern when AI is generating work that is too long, abstract, or dense to review comfortably as text. It works especially well for implementation plans, product brainstorms, design systems, decision rules, and anything where seeing the structure makes it easier to make a good decision.

Exponential Builder analysis

01

Format is part of the system.

Long AI plans can look complete while quietly pushing humans out of the decision loop; changing the output to HTML makes the work easier to inspect, question, and steer.

02

Small interfaces can replace messy back-and-forth.

When a plan contains rules, options, or structure that are painful to edit in prose, a temporary HTML micro-app gives the human a better control surface.

03

Reusable artifacts compound context.

A saved plan or design_system.html file becomes a portable reference that both people and the model can use later, which helps future work stay aligned without re-explaining everything from scratch.

Who this is for

Best fit

Engineers using AI coding tools

Product managers reviewing technical plans

Designers collaborating with AI-generated prototypes

Founders building early product ideas

Teams with design systems or reusable UI patterns

Anyone who stops reading long AI-generated plans and wants a better review format

What to avoid

Mistakes and warnings

Where this pattern can go wrong if you copy it too literally.

Do not make the HTML artifact pretty at the expense of making it useful.

Avoid generating huge visual plans that are just as hard to review as huge Markdown files.

Keep the artifact tied to a real decision or editing task.

Do not assume the first visual plan is correct just because it looks polished.

Save the useful files; otherwise the context disappears after the session.

Public workflow preview

The shape of the workflow

A high-level look at how the use case works, with the reusable pattern made clear.

01

Ask for a visual artifact

Instead of asking for a list or Markdown plan, Thariq asks Claude Code to create an HTML file that presents the idea clearly.

02

Use HTML to make plans readable

The plan can include mockups, file structures, code snippets, mood boards, risks, and implementation notes in one place.

03

Build tiny tools for hard edits

When a section of the plan is hard to edit as text, Claude creates a temporary UI to change it more comfortably.

04

Save design systems as living files

Claude can extract colors, spacing, typography, and components into an HTML design-system page.

05

Reuse the artifact as context

The same HTML file can be handed back to Claude later so new work matches the existing plan or visual system.

Copy the pattern

The reusable idea

Pattern in one sentence

Turn dense AI output into interactive HTML artifacts so humans can understand, edit, and reuse the work more easily.

Reusable idea

Thariq’s use case shows that sometimes the biggest improvement is changing the format of the conversation. If a plan, brainstorm, or design system is too dense to review as text, ask AI to make it visual. A webpage can reveal structure, gaps, tradeoffs, and awkward decisions faster than another long document. The better the artifact, the easier it is for you to stay involved in the work.

Steal this workflow

Use an HTML-first review pass for any AI output that would normally become a long Markdown document:

1

Pick one dense task: brainstorm, implementation plan, design review, decision rules, or design-system extraction.

2

Ask for a single-file HTML artifact instead of a text plan.

3

Require the artifact to include the decision being made, options, tradeoffs, risks, relevant file structure, code snippets, and mockups or visual references where useful.

4

Review the page as the steering document before implementation begins.

5

Mark any section that is hard to edit as text: scoring rules, prioritization criteria, component variants, layout options, naming systems.

6

Ask the AI to turn that section into a tiny editable HTML interface.

7

Use the micro-app to adjust the structure, then fold the improved output back into the main plan.

8

Save useful artifacts with clear names like implementation_plan.html or design_system.html.

9

Feed those files back into future AI sessions as context when you want consistency across follow-on work.

Suggested prompt

“Create a single-file HTML artifact that helps me review and steer this work visually. The task is [describe task]. Include the core decision, proposed approach, alternatives, risks, implementation notes, relevant file structure, code snippets where helpful, and simple mockups or visual references. Make it easy for a human reviewer to scan, challenge, and edit. If any part would be awkward to edit as text, propose a small temporary UI for that section.”

Field notes

Get new AI use cases in your inbox

A short weekly note on how real people are using AI to save time, make money, build tools, and run their lives.

No spam. Just useful AI use cases.

Related use cases

Keep exploring nearby systems.

Browse all