用 ChatGPT 规划 MegaBrain 报告样式
EnglishChatGPT 安装步骤
- 在支持创建技能的 ChatGPT 工作区打开「插件 → 技能 → 创建 → 使用编辑器创建」。
- 对照固定版本 GitHub 原文,在编辑器新建技能,将 `mds-design-system` 的纯文本工作流程改写为技能说明。
- 保存后,在新对话输入 @ 并选中刚创建的技能,再用示例试用。
中文摘要
把静态报告版式写成自包含的 HTML 草案,采用 MegaBrain 的深色背景、橙色强调和卡片。
SKILL.md 中文导读
可复现示例
为 Orchid 周报规划一个不含图表的 HTML 草案。
surface="Orchid weekly summary"; type="static HTML report"; items=2; label="Weekly report"; chart=false; externallyLoadedStyles=false工作步骤
- 确认报告内容、标题、卡片数量和图表需要。
- 按原文的配色和布局规则拟定自包含的 HTML 草案。
验收方法
预期样式包含 `body background #09090b`,主标题使用品牌强调色,2 张卡片采用统一背景。样式写入 HTML,界面标题保留 Weekly report。
GitHub 原文 · 更新日期
适用环境
支持创建技能的 ChatGPT 工作区。使用以下虚构材料作为纯文本输入。
常见问题
如何写出符合 MegaBrain 风格的 HTML 报告?
用深色背景、一个主强调色和统一卡片样式组织报告,使用系统字体,并把本例的 CSS 放入 HTML。