用途:creating-views 是 Amp 的官方插件技能,用于在回复中内联渲染交互式 HTML 视图。amp-view 块是一个带 amp-view 语言标签的围栏代码块,内容为一份自包含 HTML 文档,由 Amp Web UI 在回复中以内联沙箱框架呈现,并跟随读者的明暗主题。
主要能力:适合用视图表达“看图比读字更快”的内容,包括数据趋势、排名、超过约六个值的比较;超过约五个部分的架构、流程或状态机;UI 原型、交互原型、布局线框图或两三种设计方向对比;以及任何图表、可视化、仪表盘、原型、草图类请求。短列表、几行表格或一两个数字应改用 Markdown;小型静态结构用 diagram 块;代码改动摘要应展示 diff。
使用方式:视图宽度约桌面 720px、手机 360px,高度自适应至 1200px,超出可滚动或全屏,建议控制在 600px 以内。无网络,所有请求被阻止,CSS、JS、图片(data URL)和数据需内联,图表库与 Web 字体无法加载。无弹窗、存储或表单提交,http(s) 链接点击前会询问读者。源码保留在对话中,需小于 100 KB。脚本应包在块中,避免顶层 const 与浏览器全局冲突。视图加载 Amp 的 view kit,提供 CSS 类组件、Lucide 图标和 window.ui(line、bars、stack、leaderboard、sparkline、tween、format 等)。颜色使用 :root 上的主题令牌,如 --background、--foreground、--muted-foreground、--border、--grid、--chart-1 至 --chart-6、--series-1 至 --series-10 等,不写死十六进制颜色。
限制:资料未提供安装命令、收费或价格信息;具体可用图标与组件以官方文档为准。