資料來源#
摘要#
Thariq Shihipar 對於 HTML 計畫 最明顯反對意見的回答是:HTML 沒有 markdown 那麼容易編輯,所以當你想修改 HTML 產物中某個複雜表格或一組深埋其中的規則時,該怎麼辦?你**可以請 Claude 建立一個暫時、一次性的使用者介面——一個微型應用程式——只為編輯計畫中那個特定部分而存在。**與其手動編輯產物,或在聊天中反覆折騰,不如生成一個最適合這次編輯的工具,使用一次就好。
「這甚至不算個人軟體。這就像……像是疊在微型軟體之上的微型軟體。」
實際範例#
Thariq 的 HTML 實作計畫包含一組決策規則,用來將不同類型的 CSV 資料轉換成視覺化內容。他覺得這些規則「有點武斷」,想進一步調整——用散文或原始 HTML 來做都很乏味。提示詞如下:
I want to create an edible HTML artifact to help me define the decision rules...
I don't like the ones we have right now. Make this a custom UI that helps me with
structure but gives me flexibility. Design the ideal interface for this problem.
(「edible」其實是 editable——模型處理了另一個無傷大雅的拼字錯誤。)Claude 回傳了一個專用網頁:輸入欄位、下拉選單、新增/移除按鈕,以及一個**將最終設定複製回剪貼簿、格式為 markdown 的按鈕。**Thariq 以結構化且視覺化的方式編輯規則,取得正確輸出,再把完善後的資料帶回主要工作流程。
讓它奏效的兩個設計重點#
- **「Design the ideal interface for this problem.」**人類指定的是問題,而不是元件集合,並讓模型選擇介面——這是限制加上自由度,與 HTML as the New Markdown 中相同的提示策略。
- **複製回 markdown。**微型應用程式是覆蓋在持久文字之上的暫時性編輯介面。這修補了 HTML 最糟糕的弱點(差異比較/版本管理):真實來源透過 markdown 往返,而豐富的 UI 只在編輯期間存在。
為什麼現在這樣做很合理:豐盛心態#
在稀缺經濟學下,為了一個編輯決策啟動一個只使用一次的應用程式,會顯得荒謬。但在 Compute Allocator 的豐盛心態下,這是合理的:生成成本已經低到足以讓拋棄式工具成為改善自身流程的明智投資。「我們現在已經負擔得起生成這些拋棄式工具,讓自己的流程更有效率、更愉快。」這就是單一任務尺度上的 Printing Press Software Democratization——軟體便宜到足以生產,因此從專案變成一次性的便利工具。
相關連結#
- Narrow Wedge into a Legacy Market — Google Sheets 等級的 MVP,是切入傳統市場的拋棄式應用程式楔子
- Thariq Shihipar — 微型應用程式工作流程的發起者
- Claude Code — 用來按需生成拋棄式 UI 的產品
- HTML as the New Markdown — 這些微型應用程式所編輯的計畫;微型應用程式回答了它的可編輯性疑慮
- Compute Allocator — 讓拋棄式工具具備合理性的角色/經濟學
- Living Design System — 持久版本的對照:保留下來並作為上下文重複使用的微型應用程式
- Printing Press Software Democratization — 便宜到足以拋棄的軟體
- Harness Shrinkage as Models Improve — 微型應用程式是面向人類的腳手架(為人類逐任務建立),不同於會隨模型進步而縮減、面向模型的 harness
- Software 3.0 — 微型應用程式是原生於 Software-3.0 的:Karpathy 的 MenuGen「那個應用程式不該存在」正是同一種邏輯——應用程式便宜到幾乎不必存在
- Building Is Cheap, Arguing Is Expensive — 將拋棄式建置產物作為決策單位;便宜的建置讓一次性 UI 變得合理
待解決的問題#
- 一次性微型應用程式與工具蔓延的界線在哪裡?如果每次編輯都會生成一個客製化 UI,工作流程是否會變得支離破碎?
- 複製回 markdown 的往返流程,能否從設定形狀的資料(規則、表格)推廣到更豐富的產物?
- 這些微型應用程式能否套用範本/重複使用,而不必重新生成——以及到了哪個階段,這會削弱「一次性」的框架,轉而成為 持久工具?
衍生內容#
- Does the Human-Facing Harness (HTML Artifacts) Hit Its Own Bloat Ceiling? — 微型應用程式是分解的出口閥,能緩和膨脹上限;但工具蔓延會成為上限轉移到的新軸線
資料來源#
Cited by 16
- The HTML Artifact Lifecycle: Where Plan History Lives, and When Disposable Becomes Durable×4
Copy-back-to-markdown is the pattern stated as such: the micro-app is "a transient editing surface…
- HTML as the New Markdown×4
The growing harness is human-facing — artifacts (HTML plans, micro-apps, design systems) that exist…
- The PRD-Replacement Spectrum at AI-Native Speed×4
The spectrum above moves in one direction — less prose. But there is an orthogonal response to the…
- Thariq Shihipar×4
Software 3 0 — his HTML-first workflows and Disposable Micro Apps are Software-3.0-native: per-task…
- Compute Allocator×3
The framing's sharpest statistic: maybe only 1% of the tokens Thariq generates end up in production…
- Does the Human-Facing Harness (HTML Artifacts) Hit Its Own Bloat Ceiling?×3
Reshapes it. Markdown is linear — read sequentially. HTML is navigable and progressively disclosed:…
- Building Is Cheap, Arguing Is Expensive×2
Building Is Cheap Arguing Is Expensive — see also Disposable Micro Apps: throwaway built artifacts…
- Design by Selection×2
The intro animation for Claude Design was made in Claude Design — but not directly: "I'm not an…
- Living Design System×2
Disposable Micro Apps — the throwaway counterpart; design system is the keep-it counterpart
- Narrow Wedge into a Legacy Market×2
The wedge was validated with an almost-embarrassingly-thin first product: the first paying version…
- Claude Code
Disposable Micro Apps / Living Design System — Thariq's other Claude Code workflows
- Harness Shrinkage as Models Improve
Html As The New Markdown — the crucial distinction: this page describes the model-facing harness…
- AI Coding Practice
Disposable Micro Apps — Throwaway custom UIs built per-task to edit a plan ("micro-software on top…
- Open Questions Backlog
Disposable Micro Apps ×2 (oldest 83d) — Where's the line between a disposable micro-app and tool…
- Printing Press Software Democratization
Disposable Micro Apps — the abundance economics at the scale of a single task: software cheap…
- Software 3.0
Html As The New Markdown — Thariq Shihipar's "build a throwaway UI per task" is a 3.0-native…
Related articles
- HTML as the New Markdown
Thariq Shihipar's thesis: as models improve, thousand-line markdown plans overwhelm the *human*; HTML artifacts (visual…
- Compute Allocator
The human's evolving role: deciding what's worth spending compute on; ~1% of generated tokens ship, 99% is scaffolding…
- Living Design System
`design_system.html` extracted from repos as a portable, human- and machine-readable source of truth; component playgro…
- Thariq Shihipar
Engineer on the Claude Code team at Anthropic; "HTML is the new markdown", "compute allocator", and "the map is not the…
- Claude Code
Anthropic's agentic coding product; created by Boris Cherny late 2024; TypeScript/React on Bun (itself Claude-rewritten…
