Talon Doc Runtime示例预览器
自适应
GitHub ↗
组件总览 视口自适应
showcase.tdr.html

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>
npm@talon-ui/doc-runtime
archetypesbusiness-document · editorial-longform
状态0.1.x — early