Agent-native structured documents
TDR 让 Agent(Claude 等)输出短小、语义明确的 HTML 标签 —— <d> / <src> / <branch> / <evidence> / <myth> 等。浏览器加载 runtime 后,DOM 被原地增强为带主题、折叠、代码高亮、引用跳转和受控事件的可交付文档。
除了手写 DSL,还能把 .md / .markdown / .txt / .html / .htm 文件直接转成 TDR 文档 —— Markdown 的 admonition、代码块、表格、任务列表会自动 uplift 成对等的 TDR 组件。
左侧每个示例都是一份用 TDR 渲染的真实页面。用顶部的设备预设或宽度滑块把预览窗口调到任意宽度,即可看到组件在手机 / 平板 / 桌面下的响应式表现。
# 1 · 安装 npm install @talon-ui/doc-runtime # 2 · 写文档 <html data-archetype="business-document"> <body> <main class="tdr-doc"> <d s="bad" v="P0" t="…">…</d> </main> <!-- 3 · 加载 runtime --> <script src="…/talon-doc-runtime.iife.js"></script> </body> </html>