专注AIGC技术的专业社区,关注大语言模型(LLM)的发展和应用落地,聚焦LLM及AI技术的市场研究和开发者生态,欢迎关注!
LLM在训练过程中阅读了海量的技术文档、代码仓库说明、论坛帖子和学术论文,而这些内容绝大多数都采用Markdown或类Markdown编写。
模型对Markdown的语法、结构理解得极为透彻。
当你用Markdown发指令,相当于在用模型最熟悉的模式说话,它能更准确地理解层级关系、重点(加粗)和代码块。
提示词,Skill等等,都是Markdown格式。Markdown在AI时代完成了角色升华,进化成了事实上人机协作的传输协议和数据交换标准。
然而,Claude Code工程师发文:Markdown又过时了,你与AI的沟通维度又升级了!

只要把AI的输出格式从纯文本切换成网页,你能瞬间解锁全新的工作维度。
摒弃传统文本格式、让AI直接输出网页,能成倍放大信息密度、提升阅读体验,找回人机协作的乐趣。
突破纯文本的局限
长期以来,Agent(智能体)与我们沟通的默认文件格式是Markdown(轻量级标记语言)。
它简单便携,带有基础排版功能,方便修改。
智能体能力不断进化,纯文本格式开始成为一种束缚。阅读超过100行的纯文本文件非常吃力。我们需要更丰富的视觉效果、色彩和图表。

纯文本难以承载高密度的复杂信息。HTML(超文本标记语言)能轻松胜任。
它不仅能处理标题和基础排版,还能通过表格展示数据,利用CSS(层叠样式表)呈现设计,嵌入SVG(可缩放矢量图形)绘制插图。
代码片段可以放在脚本标签里,交互功能依靠网页元素组合实现。空间数据可以通过绝对定位和画布精准展现。
你可以认定,只要是模型能读取的信息,网页代码都能高效呈现。
纯文本环境下,模型有时会采用非常低效的方式妥协。用键盘字符拼凑简陋的图表,或者用特殊符号来估算颜色。

改用网页输出,这些尴尬的妥协全部迎刃而解。
重塑阅读与分享体验
模型处理复杂任务的能力日益增强,产出的规格说明和计划书越来越长。
现实工作中,很少有人耐心看完上百行的纯文本报告。说服团队其他成员去读更是难上加难。
网页文档的阅读体验截然不同。
模型可以利用标签页、插图和链接,把结构梳理得极其清晰。它还能做到响应式设计,适应手机或电脑等不同设备的屏幕尺寸。

分享纯文本文件并不方便。多数浏览器无法原生提供良好的渲染效果。你通常得把它们作为附件塞进邮件或消息里。
网页文件只要上传到S3(云存储服务)等位置,直接甩一个链接就能轻松分享。
同事们可以在任何设备上随时打开参考。你的报告或代码审查说明采用网页格式,被团队认真阅读的概率会大幅上升。
网页不仅能看,还能直接互动。

你可以让模型在页面里添加滑块或旋钮。通过拖拽这些控件,你能实时调整设计细节,或者修改算法参数查看效果变化。
你甚至可以要求模型在页面里加一个按钮,一键复制所有调整后的参数,方便你直接粘贴回Claude Code(AI代码助手)继续对话。
模型极其擅长跨越多个数据源摄取信息。

它可以遍历你本地的代码文件夹,找出所有生成的网页文件,将它们分类汇总,最后生成一个包含各类图表的综合演示网页。
结合浏览器、Git(版本控制系统)历史记录或Slack(团队协作工具),模型能把零散的上下文编织成直观的视觉报告。
灵活多变的应用场景
你不需要掌握什么复杂技巧,直接在提示词里加上“生成一个网页文件”就能开始。关键在于你想清楚这个文件要用来干什么。
规划探索阶段,网页是一块绝佳的画布。
遇到新问题,不要局限于单调的文本计划,让模型为你生成一组网页。要求它构思6种截然不同的产品引导页方案,在布局、基调和信息密度上做出差异。
把它们放在同一个网页的网格里并排对比,附带标注每种方案的利弊。
挑出满意的方向后,再让模型补充交互原型和关键代码片段。把这些文件喂给负责验证的智能体,它能获得非常全面的上下文。
代码审查环节,纯文本里的代码块很难阅读。

网页可以清晰渲染代码对比、内联注释、流程图和模块结构。让模型生成一份网页版审查说明,重点梳理数据流逻辑。
用不同颜色标记出不同严重级别的安全隐患,这比Github(代码托管平台)默认的对比视图直观得多。
设计与原型开发同样适用。

即使最终产品不用网页开发,模型也能用网页生动地描绘设计构想。
你可以要求它制作一个带有多种动画效果的结账按钮原型,配上几个调节参数的滑块,加上一个参数复制按钮。调整到满意的状态直接提取参数,再去用其他语言实现。
处理研究报告,让模型检索相关资料并生成极具可读性的说明。

遇到难以理解的系统限流机制,让模型阅读相关代码,生成一个单页网页。
画出Token桶算法的流量示意图,对核心代码加上注释,并在底部列出容易踩坑的地方。这种格式对初次接触该领域的读者非常友好。
文字难以准确描述需求时,让模型为你量身定制一次性的专属编辑器。你需要重新评估30个Linear(项目管理工具)任务的优先级。

让模型生成一个网页,把任务做成可拖拽的卡片,分成马上做、接下来做、以后做和砍掉四个栏目。整理完毕后,点击页面上的导出按钮,直接提取最终排序和理由。
这种方式还能用来处理特性开关配置、微调系统提示词、整理数据集,专门解决用文字表达非常痛苦的操作。
坦诚面对代价与收获
彻底转向网页输出,会面临几个绕不开的现状。
消耗的Token额度变多。网页代码通常比纯文本冗长。网页带来的强大表现力和阅读意愿提升,让整体产出质量远超以往。
目前最新的Claude Opus模型拥有100万上下文窗口,这部分增加的消耗在实际体验中基本感受不到。
生成等待时间变长。输出网页的时间大约是纯文本的2到4倍。但这种等待是值得的。
版本控制体验下降。这是网页格式最大的短板。网页代码的变更对比非常杂乱,复查历史修改记录远不如纯文本直观。
想要模型生成的网页符合审美,可以引导它参考你现有代码库的设计风格。创建一个基础的设计系统网页文件,后续生成新页面时都将其作为视觉参考。
采用网页作为输出格式的核心动力,在于它能让你重新建立与机器协作的掌控感。
长篇大论的纯文本容易让人失去阅读耐心,把决策权拱手让给机器。
网页格式用丰富的视觉和友好的交互,把你重新拉回创造的循环中。
这种充满参与感的工作方式,本身就是一种无法替代的乐趣。
参考资料:
https://x.com/trq212/status/2052809885763747935
END
点击图片立即报名👇️





夜雨聆风