deep-research-report
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
ChineseDeep Research Report — 調査結果を「会議に出せるレポート」に変換
Deep Research报告 — 将调查结果转换为「可用于会议的报告」
Deep Researchは「調べる」は最強だが、「伝える」は最弱。
出てくるのは、結論が最後・数字が文中に埋没・比較が文章のままの「壁のような長文」で、そのままでは会議に出せない。
このスキルは調査結果を編集し、結論から読めるコンサル品質のHTMLレポートに変換する。
Deep Research的「调研能力」极强,但「信息传达能力」极弱。
它生成的内容是结论放在最后、数字埋没在文中、对比内容全是文字的「冗长文字墙」,无法直接用于会议。
本技能会对调查结果进行编辑,将其转换为从结论开始阅读的咨询级HTML报告。
目的
目的
Deep Research系機能(Claude / ChatGPT / Gemini / Codex いずれの出力でも)が生成した
長文の調査結果を、意思決定に使えるHTMLレポートへ変換する。
デザインは と同じ設計(余白と文字階層・濃紺1色・A4印刷対応)。
html-report-design将Deep Research类功能(Claude / ChatGPT / Gemini / Codex 任一输出均可)生成的
长篇调查结果,转换为可用于决策的HTML报告。
设计采用与 相同的规范(留白与文字层级、仅用深蓝色、支持A4打印)。
html-report-design使い方(2モード)
使用方法(两种模式)
モードA: 変換(主役・どのAIの出力でもOK)
ユーザーが調査結果(MD・テキスト・Wordの中身・チャット出力の貼り付け・ファイルパス)を渡してきたら、
それを原文として下の編集ルールで変換する。質問はせず、まず変換して見せる。
モードB: 調査から実行(Claude Code等、Web検索が使える環境のみ)
「〜について調べてレポートにして」と言われたら、
- 問いを3〜5個のサブクエスチョンに分解する
- Web検索を計5〜10クエリ実行(同義語で複数系統)。主要な主張・数値は2つ以上の出典で相互確認する
- 参照したすべての出典(タイトル・発行元・年)を記録する
- 集めた事実を「原文」として、以下同じ編集ルールで変換する
模式A:转换(核心功能·支持任意AI输出)
当用户提供调查结果(MD格式、文本、Word内容、聊天输出粘贴内容、文件路径)时,
以该内容为原文,按照以下编辑规则进行转换。无需提问,直接先完成转换并展示。
模式B:从调研到生成(仅支持可使用Web搜索的环境,如Claude Code等)
当用户提出「调研XX并做成报告」时,
- 将核心问题拆解为3~5个子问题
- 执行总计5~10次Web搜索(使用同义词进行多维度搜索)。核心主张与数据需通过至少2个来源交叉验证
- 记录所有参考来源(标题·发布方·年份)
- 将收集到的事实作为「原文」,按照以下相同编辑规则进行转换
編集ルール(このスキルの本体)
编辑规则(本技能核心)
原文の情報を足さず・盛らず・並べ替える。やることは5つ。
- ピラミッド化 — 結論を冒頭のエグゼクティブサマリー(結論・根拠・示唆の3点)へ移す。
各章の頭に「この章で言いたいこと1文」()を立てる。原文の章立てには従わなくてよい。 「はじめに」「調査方法」の類は削るか巻末の注記へ
.msg - 数字の昇格 — 文中に埋まった重要数値を拾い出し、最重要3つを に、 推移は折れ線、構成比・ランキングは横棒、増減の内訳は滝グラフに昇格させる。 単位・年度を必ず添える
.kpis - 比較・分類の図解化 — 「Aは〜、一方Bは〜」の文章比較はテーブルかフレームワーク表 に、 段階論はステージ見出し
.matrixに、プロセスは矢羽根.mx-h.stageに変換する.chevrons - 出典の保全 — 原文の出典・脚注は消さない。図表には出所 を付け、 巻末に「出典一覧」(
.src)としてまとめ直す。本文の.refs参照は維持する[n] - 盛らない原則(最重要) — 原文にない数値・固有名詞・因果関係を追加しない。 原文が「85%超」なら「85%超」のまま使う(勝手に87%などにしない)。 原文が曖昧・情報が古い・出典が単一の箇所は、削るか「要確認」「単一出典」と注記する。 推計・予測は必ず「予測」と明示し、チャートでは破線にする
不添加、不夸大原文信息,仅进行重新排序。需完成以下5项工作:
- 金字塔结构重构 — 将结论移至开头的执行摘要(结论·依据·启示三点)。
在每章开头添加「本章核心观点一句话」(类)。无需遵循原文的章节划分。 删除「引言」「调研方法」类内容,或将其移至文末注释
.msg - 数字升级可视化 — 提取文中隐藏的重要数据,将最重要的3项放入 模块, 趋势数据转换为折线图,占比/排名数据转换为横向柱状图,增减明细转换为瀑布图。 必须附上单位与年份
.kpis - 对比·分类内容图表化 — 将「A是XX,而B是XX」的文字对比转换为表格或框架表 , 阶段论转换为阶段标题
.matrix,流程类内容转换为箭头模块.mx-h.stage.chevrons - 引用信息保全 — 不得删除原文的引用与脚注。图表需标注来源 , 在文末重新整理为「参考文献列表」(
.src)。保留正文中的.refs引用标记[n] - 不夸大原则(最重要) — 不得添加原文中不存在的数字·专有名词·因果关系。 若原文为「超85%」,则保留「超85%」(不得擅自改为87%等)。 对于原文模糊、信息过时、单一来源的内容,要么删除,要么标注「需确认」「单一来源」。 估算·预测内容必须明确标注「预测」,图表中用虚线表示
Deep Research特有の編集観点(デザインスキルとの違いの本体)
Deep Research专属编辑要点(与设计技能的核心区别)
Deep Researchの出力には、人が書く文章にはない固有の癖がある。ここを処理するのがこのスキルの頭脳。
1. 証拠の格付け — 出典の確度を可視化する
- すべての出典を3段階で格付けし、巻末の出典一覧に付記する:
- 複数の独立した出典で相互確認できた
● - 単一出典のみ(採用するが単一と明示)
◐ - 予測・推計・体感値(チャートは破線、
○表記)F
- 信頼の目安は 官公庁・業界団体の統計 > 調査会社レポート > 企業公開資料 > 記事・ブログ
- 古いデータ(目安2年超)は本文に「時点」を必ず添える
2. 数字の矛盾・定義差の処理 — 都合のよい方だけ拾わない
- 同じ指標なのに調査によって数字が食い違う場合、定義差を確認して注記するか、レンジ(例: 54〜68%)で書く
- 「導入」「定着」など調査ごとに定義が揺れる語は、採用した定義を で明示する
.note
3. 事実と示唆の分離 — Deep Researchの「意見」を事実に混ぜない
- 事実(出典番号つき)は本論の章へ、解釈・示唆は最終章に集約し、解釈であることを注記する
- 原文でAIの推測が事実のように書かれている箇所は、示唆側へ移すか削る
4. 残論点 — 「わかっていないこと」を1セクション立てる
- 原文が答えていない問い・データの空白・定義の揺れを「残論点と追加調査」として示す
- 読み手の「この調査、どこまで信じていいのか」に先回りして答える。ここが資料の信頼を決める
5. 文章パターン→図表の対訳表 — 図表化を勘でやらない
| 原文によくあるパターン | 変換する図表 |
|---|---|
| 「20XX年度にX%、20YY年度にY%と上昇し…」 | 折れ線(予測期間は破線) |
| 「AがX%と最も高く、次いでBがY%…」 | 横棒(主役だけ濃紺) |
| 「〜の内訳は、aがX、bがY…」 | ウォーターフォール |
| 「課題はAが47%、Bが41%…」 | フレームワーク表(%を行ラベルへ) |
| 「第一に…第二に…第三に…」 | サマリーの番号列挙 or フレームワーク表 |
| 「4段階の整理が用いられる」「成熟度」 | ステージ表(矢羽根見出し・目標だけ濃紺) |
| 「〜という段階を踏む」「進め方の定石」 | 矢羽根 |
| 「第1四半期に…第3四半期以降に…」 | ロードマップ |
| 「今後は〜と予測される」 | 破線+ |
Deep Research的输出内容存在人类撰写文本所没有的独特问题。处理这些问题是本技能的核心价值。
1. 证据评级 — 可视化来源可信度
- 将所有来源分为3个等级,并在文末参考文献列表中标注:
- 经多个独立来源交叉验证
● - 仅单一来源(可采用,但需明确标注)
◐ - 预测·估算·主观感受(图表用虚线,标注
○)F
- 可信度优先级:政府·行业协会统计 > 调研公司报告 > 企业公开资料 > 新闻·博客
- 过时数据(以2年为限)必须在正文中标注「数据时点」
2. 数据矛盾·定义差异处理 — 不得仅选取对自己有利的数据
- 同一指标因调研不同而出现数据差异时,需确认定义差异并标注,或用范围表示(例:54~68%)
- 对于「导入」「普及」等不同调研定义不同的词汇,需用 明确标注所采用的定义
.note
3. 事实与启示分离 — 不得混淆Deep Research的「意见」与事实
- 带引用编号的事实放入正文章节,解读·启示放入最后一章,并标注为解读内容
- 对于原文中AI推测被当作事实撰写的内容,要么移至启示部分,要么删除
4. 遗留问题 — 设立「未明确事项」章节
- 将原文未解答的问题·数据空白·定义模糊点整理为「遗留问题与追加调研方向」
- 提前回应读者的「这份调研可信度如何?」疑问,这是决定资料可信度的关键
5. 文本模式→图表对应表 — 图表化需遵循规范而非凭感觉
| 原文常见模式 | 转换后的图表 |
|---|---|
| 「20XX年度为X%,20YY年度上升至Y%……」 | 折线图(预测期用虚线) |
| 「A占比X%为最高,其次是B占Y%……」 | 横向柱状图(仅核心对象用深蓝色) |
| 「XX的明细为:a占X,b占Y……」 | 瀑布图 |
| 「问题中A占47%,B占41%……」 | 框架表(将%移至行标签) |
| 「第一……第二……第三……」 | 摘要编号列举 或 框架表 |
| 「采用4阶段整理」「成熟度」 | 阶段表(箭头标题·仅目标用深蓝色) |
| 「需经历XX阶段」「标准推进方法」 | 箭头模块 |
| 「第一季度……第三季度以后……」 | 路线图 |
| 「预计今后将……」 | 虚线+ |
レポートの骨格
报告框架
html
<div class="page">
<header class="doc-header">
<p class="eyebrow">取扱い表記(社外秘 など)</p>
<h1>結論が伝わるタイトル(「〜の調査結果」ではなく主張を入れる)</h1>
<p class="lead">何を調べ、何が言えるかを1〜2文で。</p>
<div class="doc-meta"><span>日付</span><span>作成者</span><span>宛先</span></div>
</header>
<section>
<h2>エグゼクティブサマリー</h2>
<ol class="summary"><li><b>結論。</b>…</li><li><b>根拠。</b>…</li><li><b>示唆。</b>…</li></ol>
</section>
<section>
<h2><span class="no">01</span>章見出し</h2>
<p class="msg">この章の so what 1文。</p>
<!-- .kpis / figure(チャート) / table / .matrix / 本文 -->
</section>
<!-- 02, 03 … 事実の章のあと「示唆・打ち手」(解釈と明示) -->
<section>
<h2><span class="no">0n</span>残論点 — この調査でわかっていないこと</h2>
<p class="msg">答えの出ていない問いを残す。ここを埋めるのが次の調査の論点になる。</p>
<ul><li><b>論点名。</b>何が不明か・なぜ不明か・どう扱ったか</li></ul>
</section>
<section>
<h2>出典一覧</h2>
<p class="src">確度: ●=複数出典で一致 ◐=単一出典 ○=予測・推計</p>
<ol class="refs"><li>出典1(発行元・年)●</li><li>…</li></ol>
</section>
<footer class="doc-footer"><span>資料名</span><span>注記</span></footer>
</div>html
<div class="page">
<header class="doc-header">
<p class="eyebrow">处理标记(如:机密)</p>
<h1>传递核心结论的标题(避免使用「XX调研结果」,需包含核心主张)</h1>
<p class="lead">用1~2句话说明调研内容与核心结论。</p>
<div class="doc-meta"><span>日期</span><span>制作者</span><span>收件人</span></div>
</header>
<section>
<h2>执行摘要</h2>
<ol class="summary"><li><b>结论。</b>…</li><li><b>依据。</b>…</li><li><b>启示。</b>…</li></ol>
</section>
<section>
<h2><span class="no">01</span>章节标题</h2>
<p class="msg">本章核心价值一句话。</p>
<!-- .kpis / figure(图表) / table / .matrix / 正文 -->
</section>
<!-- 02, 03 … 事实章节之后是「启示·行动方案」(需明确标注为解读内容) -->
<section>
<h2><span class="no">0n</span>遗留问题 — 本次调研未明确的事项</h2>
<p class="msg">保留未解答的问题。这些内容将成为下次调研的核心方向。</p>
<ul><li><b>问题名称。</b>不明点是什么·为何不明·如何处理</li></ul>
</section>
<section>
<h2>参考文献列表</h2>
<p class="src">可信度: ●=多来源一致 ◐=单一来源 ○=预测·估算</p>
<ol class="refs"><li>来源1(发布方·年份)●</li><li>…</li></ol>
</section>
<footer class="doc-footer"><span>资料名称</span><span>注释</span></footer>
</div>デザインCSS(そのまま使う。変えてよいのは --accent の1色だけ)
设计CSS(直接使用。仅可修改 --accent 这一个颜色)
css
:root{--ink:#1a1a1a;--ink-2:#555;--ink-3:#8e8e8e;--accent:#173f66;--accent-tint:#eef3f8;--hairline:#d9d9d9;--fill-gray:#e7e9ec;--paper:#fff}
html{color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic Medium","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.9;border-top:6px solid var(--accent)}
.page{max-width:760px;margin:0 auto;padding:56px clamp(24px,6vw,48px) 96px}
.doc-header{padding-bottom:28px;border-bottom:1px solid var(--ink)}
.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;margin:0 0 20px}
h1{font-size:27px;line-height:1.5;margin:0 0 12px}
.lead{font-size:14px;color:var(--ink-2);margin:0 0 24px;max-width:38em}
.doc-meta{font-size:12px;color:var(--ink-3);display:flex;gap:24px;flex-wrap:wrap}
.page>section{border-top:1px solid var(--hairline);padding-top:44px;margin-top:64px}
.page>section:first-of-type{border-top:0;padding-top:0;margin-top:56px}
h2{font-size:19px;margin:0}
h2 .no{color:var(--accent);margin-right:14px}
.msg{font-size:16px;font-weight:600;line-height:1.8;margin:18px 0 24px;max-width:36em}
p{margin:0 0 16px;max-width:42em}
ul,ol{margin:0 0 16px;padding-left:1.4em;max-width:41em}
li{margin-bottom:6px}
ul{list-style:none;padding-left:1.2em}
ul li::before{content:"–";float:left;margin-left:-1.2em;color:var(--ink-3)}
.summary{list-style:none;margin:24px 0 0;padding:0;counter-reset:s;max-width:44em}
.summary li{counter-increment:s;position:relative;padding-left:2.4em;margin-bottom:14px}
.summary li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:.4em;font-size:12px;font-weight:700;color:var(--accent)}
.kpis{display:flex;flex-wrap:wrap;row-gap:24px;margin:32px 0 8px}
.kpi{padding:2px 32px}
.kpi:first-child{padding-left:0}
.kpi+.kpi{border-left:1px solid var(--hairline)}
.kpi .v{font-size:30px;font-weight:700;color:var(--accent);line-height:1.3}
.kpi .v small{font-size:14px;margin-left:2px}
.kpi .l{font-size:11.5px;color:var(--ink-3);margin-top:6px}
.tbl,.fig-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;margin:28px 0 8px;font-size:13px;line-height:1.6}
caption,figcaption{text-align:left;font-size:12.5px;font-weight:600;margin-bottom:10px}
th{font-size:12px;font-weight:600;text-align:left;padding:10px 12px;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
td{padding:10px 12px;border-bottom:1px solid var(--hairline);vertical-align:top}
th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}
tr.total td{border-top:1px solid var(--ink);border-bottom:2px solid var(--ink);font-weight:600;background:var(--accent-tint)}
figure{margin:32px 0 8px}
figcaption{margin-bottom:14px}
figure svg{width:100%;height:auto;display:block}
svg text{font-family:inherit}
.src{font-size:11.5px;color:var(--ink-3);margin:6px 0 0}
.note{font-size:12.5px;color:var(--ink-2);border-left:2px solid var(--hairline);padding:2px 0 2px 14px;margin:24px 0 16px;max-width:40em}
.chevrons{display:flex;margin:28px 0 8px;min-width:520px}
.chev{flex:1;padding:9px 10px 9px 22px;font-size:12px;font-weight:600;line-height:1.5;text-align:center;background:var(--fill-gray);margin-left:4px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%)}
.chev:first-child{margin-left:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
.chev.on{background:var(--accent);color:#fff}
.chev small{display:block;font-size:10.5px;font-weight:500;opacity:.75}
.matrix{display:grid;grid-template-columns:var(--mx-label,140px) repeat(var(--mx-cols,2),1fr);gap:18px 20px;margin:28px 0 8px;min-width:560px}
.mx-h{font-size:11.5px;font-weight:600;color:var(--ink-2);text-align:center;align-self:end;padding-bottom:8px;border-bottom:1px solid var(--ink)}
.mx-label{background:var(--accent);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;font-size:12px;font-weight:700;padding:12px 10px}
.mx-label small{font-size:10px;opacity:.7}
.mx-label.alt{background:var(--fill-gray);color:var(--ink)}
.mx-cell{font-size:12px;line-height:1.75}
.mx-cell ul{margin:0}
.mx-h.stage{border-bottom:0;background:var(--fill-gray);color:var(--ink);padding:7px 8px;line-height:1.4;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%)}
.mx-h.stage.first{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}
.mx-h.stage.on{background:var(--accent);color:#fff}
.mx-h.stage small{display:block;font-size:9.5px;font-weight:600;opacity:.7;letter-spacing:.06em}
b,strong{font-weight:700}
.refs{list-style:none;margin:16px 0 0;padding:0;counter-reset:r;font-size:11.5px;color:var(--ink-3)}
.refs li{counter-increment:r;position:relative;padding-left:2.2em;margin-bottom:5px;line-height:1.7}
.refs li::before{content:"[" counter(r) "]";position:absolute;left:0}
.refs li::after{content:none}
.doc-footer{margin-top:88px;padding-top:20px;border-top:1px solid var(--hairline);font-size:11.5px;color:var(--ink-3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
@media print{@page{size:A4;margin:16mm}.page{max-width:none;padding:0}table,figure,.kpis,.chevrons,.matrix{break-inside:avoid}}チャートの作法: 脇役グレー(面 ・線 )+主役の濃紺1色、凡例なしの直接ラベル、
負値のみ (表記)、予測は破線。SVGは で書く。
完成見本: assets/sample-research.md(Before)→
assets/sample-report.html(After)。
#c9ccd1#a8adb5#a33c2e▲viewBoxcss
:root{--ink:#1a1a1a;--ink-2:#555;--ink-3:#8e8e8e;--accent:#173f66;--accent-tint:#eef3f8;--hairline:#d9d9d9;--fill-gray:#e7e9ec;--paper:#fff}
html{color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic Medium","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.9;border-top:6px solid var(--accent)}
.page{max-width:760px;margin:0 auto;padding:56px clamp(24px,6vw,48px) 96px}
.doc-header{padding-bottom:28px;border-bottom:1px solid var(--ink)}
.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;margin:0 0 20px}
h1{font-size:27px;line-height:1.5;margin:0 0 12px}
.lead{font-size:14px;color:var(--ink-2);margin:0 0 24px;max-width:38em}
.doc-meta{font-size:12px;color:var(--ink-3);display:flex;gap:24px;flex-wrap:wrap}
.page>section{border-top:1px solid var(--hairline);padding-top:44px;margin-top:64px}
.page>section:first-of-type{border-top:0;padding-top:0;margin-top:56px}
h2{font-size:19px;margin:0}
h2 .no{color:var(--accent);margin-right:14px}
.msg{font-size:16px;font-weight:600;line-height:1.8;margin:18px 0 24px;max-width:36em}
p{margin:0 0 16px;max-width:42em}
ul,ol{margin:0 0 16px;padding-left:1.4em;max-width:41em}
li{margin-bottom:6px}
ul{list-style:none;padding-left:1.2em}
ul li::before{content:"–";float:left;margin-left:-1.2em;color:var(--ink-3)}
.summary{list-style:none;margin:24px 0 0;padding:0;counter-reset:s;max-width:44em}
.summary li{counter-increment:s;position:relative;padding-left:2.4em;margin-bottom:14px}
.summary li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:.4em;font-size:12px;font-weight:700;color:var(--accent)}
.kpis{display:flex;flex-wrap:wrap;row-gap:24px;margin:32px 0 8px}
.kpi{padding:2px 32px}
.kpi:first-child{padding-left:0}
.kpi+.kpi{border-left:1px solid var(--hairline)}
.kpi .v{font-size:30px;font-weight:700;color:var(--accent);line-height:1.3}
.kpi .v small{font-size:14px;margin-left:2px}
.kpi .l{font-size:11.5px;color:var(--ink-3);margin-top:6px}
.tbl,.fig-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;margin:28px 0 8px;font-size:13px;line-height:1.6}
caption,figcaption{text-align:left;font-size:12.5px;font-weight:600;margin-bottom:10px}
th{font-size:12px;font-weight:600;text-align:left;padding:10px 12px;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
td{padding:10px 12px;border-bottom:1px solid var(--hairline);vertical-align:top}
th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}
tr.total td{border-top:1px solid var(--ink);border-bottom:2px solid var(--ink);font-weight:600;background:var(--accent-tint)}
figure{margin:32px 0 8px}
figcaption{margin-bottom:14px}
figure svg{width:100%;height:auto;display:block}
svg text{font-family:inherit}
.src{font-size:11.5px;color:var(--ink-3);margin:6px 0 0}
.note{font-size:12.5px;color:var(--ink-2);border-left:2px solid var(--hairline);padding:2px 0 2px 14px;margin:24px 0 16px;max-width:40em}
.chevrons{display:flex;margin:28px 0 8px;min-width:520px}
.chev{flex:1;padding:9px 10px 9px 22px;font-size:12px;font-weight:600;line-height:1.5;text-align:center;background:var(--fill-gray);margin-left:4px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%)}
.chev:first-child{margin-left:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%)}
.chev.on{background:var(--accent);color:#fff}
.chev small{display:block;font-size:10.5px;font-weight:500;opacity:.75}
.matrix{display:grid;grid-template-columns:var(--mx-label,140px) repeat(var(--mx-cols,2),1fr);gap:18px 20px;margin:28px 0 8px;min-width:560px}
.mx-h{font-size:11.5px;font-weight:600;color:var(--ink-2);text-align:center;align-self:end;padding-bottom:8px;border-bottom:1px solid var(--ink)}
.mx-label{background:var(--accent);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;font-size:12px;font-weight:700;padding:12px 10px}
.mx-label small{font-size:10px;opacity:.7}
.mx-label.alt{background:var(--fill-gray);color:var(--ink)}
.mx-cell{font-size:12px;line-height:1.75}
.mx-cell ul{margin:0}
.mx-h.stage{border-bottom:0;background:var(--fill-gray);color:var(--ink);padding:7px 8px;line-height:1.4;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%)}
.mx-h.stage.first{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}
.mx-h.stage.on{background:var(--accent);color:#fff}
.mx-h.stage small{display:block;font-size:9.5px;font-weight:600;opacity:.7;letter-spacing:.06em}
b,strong{font-weight:700}
.refs{list-style:none;margin:16px 0 0;padding:0;counter-reset:r;font-size:11.5px;color:var(--ink-3)}
.refs li{counter-increment:r;position:relative;padding-left:2.2em;margin-bottom:5px;line-height:1.7}
.refs li::before{content:"[" counter(r) "]";position:absolute;left:0}
.refs li::after{content:none}
.doc-footer{margin-top:88px;padding-top:20px;border-top:1px solid var(--hairline);font-size:11.5px;color:var(--ink-3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
@media print{@page{size:A4;margin:16mm}.page{max-width:none;padding:0}table,figure,.kpis,.chevrons,.matrix{break-inside:avoid}}图表制作规范:次要元素用灰色(填充色 ·线条色 )+核心元素用深蓝色,无需图例直接标注,
仅负值使用 (标注),预测内容用虚线。SVG需使用 属性编写。
成品示例: assets/sample-research.md(转换前)→
assets/sample-report.html(转换后)。
#c9ccd1#a8adb5#a33c2e▲viewBox変換の手順
转换步骤
- 原文を通読し、次を抽出する: 結論候補/重要数値(単位・年度つき)/比較・分類/時系列/出典
- 骨格に再配置する。サマリーを最初に書き、各章は「msg → 根拠」の順に組む
- 図解は型で作る(数値比較=table、推移=折れ線、構成比=横棒、比較=matrix、段階=stage、プロセス=矢羽根)
- 照合チェック: 出力に使ったすべての数値・固有名詞を原文と突き合わせ、一致しないものは削除する
- 単一HTMLファイルで出力する(上のCSSを改変せず使用)
- 通读原文,提取以下内容:结论候选/重要数据(带单位·年份)/对比·分类内容/时间序列数据/引用来源
- 重新排列到报告框架中。先撰写摘要,各章节按照「核心观点 → 依据」的顺序组织
- 按照规范制作图表(数值对比=表格,趋势=折线图,占比=横向柱状图,对比=框架表,阶段=阶段表,流程=箭头模块)
- 核对检查: 将输出中使用的所有数据·专有名词与原文进行核对,不一致的内容予以删除
- 输出为单一HTML文件(直接使用上述CSS,不得修改)
品質チェック(出力前)
质量检查(输出前)
- 出力中の数値・固有名詞がすべて原文にある(照合済み。原文にない数字を1つも作っていない)
- 出典一覧に確度マーク(●◐○)が付いている。予測のチャートは破線+表記
F - 調査間で食い違う数字を片側だけ採用していない(レンジ表記か定義差の注記がある)
- 事実(出典つき)と示唆(解釈)が章として分離されている
- 「残論点(わかっていないこと)」のセクションがある
- サマリーが結論・根拠・示唆の3点になっている。全章に がある
.msg - 出典一覧()があり、原文の出典が消えていない
.refs - カードUI 0個・色は黒グレー+濃紺1色・グラデ/絵文字/角丸 0
- 図表に番号・タイトル・出所がある。数字は右揃え・単位明記
- 输出中的所有数据·专有名词均来自原文(已核对。未编造任何原文不存在的数字)
- 参考文献列表标注了可信度标记(●◐○)。预测图表使用虚线+标注
F - 未仅选取调研中对自己有利的矛盾数据(已使用范围表示或标注定义差异)
- 带引用的事实与解读·启示已按章节分离
- 存在「遗留问题(未明确事项)」章节
- 摘要包含结论·依据·启示三点。所有章节均有 模块
.msg - 存在参考文献列表(),原文引用未丢失
.refs - 无卡片UI·仅使用黑灰+深蓝色·无渐变/表情符号/圆角
- 图表包含编号·标题·来源。数字右对齐·单位明确
トーン
风格
- 編集者として振る舞う。書き足さない、盛らない、並べ替えて研ぐ
- 迷ったら「原文に忠実」を優先し、判断が必要な箇所は注記で開示する
- 以编辑者身份行事。不添加内容、不夸大,仅通过重新排序优化信息呈现
- 若有疑问,优先遵循「忠实原文」原则,需判断的内容通过标注公开说明