Menu
当用户的需求依赖可视化展示、画图、图解、趋势图、关系图、交互/动态演示、动画讲解，或数据趋势占比排名、多指标对比、算法状态机、参数变化教学、结构化知识、几何构造证明需要图示时使用；地图、附件生成、纯文字足够场景不使用。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | doubao-visualization |
| description | 当用户的需求依赖可视化展示、画图、图解、趋势图、关系图、交互/动态演示、动画讲解，或数据趋势占比排名、多指标对比、算法状态机、参数变化教学、结构化知识、几何构造证明需要图示时使用；地图、附件生成、纯文字足够场景不使用。 |
本 Skill 用于当用户问题使用可视化回答有收益时，模型能回复安全、真实、可运行、移动端友好的 HTML renderer 可视化内容。核心原则是：只有命中可视化白名单才输出可视化；一旦命中，最终答案必须包含至少 1 个与任务主目标直接对应的 html type="renderer" 模块，并配套简短结论与数据口径说明。
完整规范拆分在 references/ 下的 4 个文件中；生成可视化前必须按场景读取并遵守，不能遗漏触发、格式、设计、稳定性、ECharts、交互、几何、输出示例和移动端规则。
使用本 Skill 当用户请求满足任一白名单条件：
不要使用本 Skill 当：
references/visualization-trigger-design.md；涉及脚本、公式、ECharts、交互、几何或移动端输出时，继续读取对应 reference，按完整规则执行。html type="renderer" 代码块交替输出。命中白名单时必须包含：简短文字结论、至少 1 个可运行 renderer、关键数据口径/假设/来源说明。44×44px，正文不低于 14px，图表轴标签不低于 12px，控件不覆盖核心内容。命中可视化白名单时，进行文本和可视化混合的方式进行详细回复，可视化模块稳定输出：
固定结构（交替输出）：
文字结论或上下文说明（说明数据口径、假设、来源）
<html style="margin:0;padding:0;">
<div style="background-color:transparent;box-sizing:border-box;">
<!-- 真实 UI 容器；禁止 <head>/<body>；禁止 100vh / 固定大高度 -->
</div>
</html>
必要的解读、关键峰谷/拐点、最大最小项、下一步建议等
命中白名单的最终答案应该同时包含
单个 HTML 代码块 ≤ 300 行，超出拆为多个模块。
强制规则：
```html type="renderer" 代码块输出可视化内容，由消息渲染器就地渲染```html type="renderer" 代码块直接嵌入回复正文中，不要在回复额外交付HTML产物关键格式约束：
<html style="margin:0;padding:0;"> 与透明 div 包裹；禁止 <head>、<body>、<TEXT>。<style> 标签。height、min-height:100vh、height:100% 或 100vh；高度必须由内容自然撑开。geo/map、地图注册数据、行政区划数据、瓦片地图、坐标点或地理轨迹能力。references/visualization-trigger-design.md：触发白名单、禁止边界、决策树、设计哲学、设计令牌、图表库分层、配色、核心格式约束和可视化设计原则；命中任何可视化场景时必读。references/visualization-stability-math.md：脚本稳定性、降级策略、防死循环高度约束、动态/静态数学公式规则；输出任何带脚本或公式的 renderer 时必读。references/visualization-echarts-interaction.md：ECharts 专项规范、安全模板、交互式教育演示和几何证明专项；使用 ECharts、交互控件或几何图示时必读。references/visualization-output-mobile.md：输出结构示例和移动端适配规则；生成最终 renderer 前必读，用于核对结构、响应式、触控和性能要求。应触发
不应触发
浏览器自动化任务处理技能。仅在以下情况使用：1) 其他 skill/工具（搜索、API、数据接口等）都无法满足需求，需要通过真实浏览器 GUI 兜底执行；2) 任务必须在具体网站完成登录 / 授权 / 账号内动作（点赞 / 收藏 / 评论 / 发布 / 加购）；3) 命中白名单网站（淘宝/天猫、微博、小红书）的站内检索 / 互动 / 发布需求。当用户仅需要信息检索、文本生成、代码或数据处理时，不要使用本 skill。
统一处理网页应用的生成、编辑，以及围绕已生成产物的问答。既负责把自然语言需求端到端转成可运行、可预览、可交付的网页应用产物，也负责在用户追问产物时基于真实产物作答。当用户要生成网站、H5、网页应用、管理后台、数据看板时使用。当用户要编辑已有网页应用、做功能新增、页面调整或 Bug 修复时使用。当用户提供 PRD、文档、截图或素材包并要求产出可预览网页应用时使用。当用户针对已生成的网页应用，要求总结或解读网页内容、查看或分析源码、解释或排查运行报错、查询访问量/用户量/数据报表/发布状态等运营信息时同样使用。
当用户提出短剧、动画、微电影、剧情视频、AI视频、电影、影视化、动态漫、宣传片、预告片等制作需求，或包含“做个短剧”、“弄个动画片”、“写个剧本”、“画个分镜”、“搞个人设/场景资产”、“出个关键帧”、“写图生视频提示词/Seedance提示词”等表达时调用。适用于需要按“规划-剧本-分镜-资产-关键帧-视频生成”推进完整视频生产流程的任何场景。
当用户需要通用视频生成、视频创作、视频提示词规划或文生/图生视频时使用，包括创意视频、产品广告、商品广告、UGC口播/带货/信息流视频、marketing/TVC风格广告、企业宣传片、商务视频、品牌形象片、产品功能介绍、带旁白视频，以及带 ref/参考素材的视频生成。禁止用于短剧创作、剧情脚本、分集剧情、角色扮演故事或影视叙事创作；此类需求应调用 doubao-creative-drama。仅当用户明确要求把短剧/剧情素材改造成普通视频、商业广告、UGC 或企业宣传视频时，才使用本 skill。
用于单一上市股票或二级市场公司的当日/近期个股日报，解释涨跌和异动原因，梳理行情、资金流、新闻公告、板块联动、技术面、预期与风险。适用于“某股今天为什么涨跌”“做个日报”“近期表现”“资金面和消息面”等问题；默认先输出结构完整、观点深入的对话版分析，并询问是否继续生成自包含投行风格 HTML 完整报告；不用于长期商业模式/护城河、财报业绩、行业/板块、多股主题、一级市场或大盘事件解读。
对【板块/概念/主题/题材】的短期市场热度做专业、可证伪的深度分析。分两阶段交付：先在对话框输出中文分析，用户回复『生成HTML』后再渲染可交互的热度仪表盘。触发场景：当用户问某板块/概念/题材现在热不热、能不能追、为什么走强或降温、持续性如何、成交主要活跃在哪些方向、内部谁强谁弱时触发。不适用场景：行业长期趋势、单股行情、公司基本面/财报、大盘/宏观等话题，不触发本skill。