Source from repo
Deep Research

Enterprise-grade research with multi-source synthesis, citation tracking, and verification. 8-phase pipeline with auto-continuation.
199-biotechnologiesGitHub 199-biotechnologiesSource repo Original GitHub link
Files
Skill
n/a
Size
221.7 KB
Entrypoint
SKILL.md
Format
git-repo
Open file
templates/mckinsey_report_template.html

Syntax-highlighted preview of this file as included in the skill package.
Rendered Source
code444 linesFree
templates/mckinsey_report_template.html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>{{TITLE}} - Deep Research Report</title>
7    <style>
8        * {
9            margin: 0;
10            padding: 0;
11            box-sizing: border-box;
12        }
13 
14        body {
15            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
16            font-size: 14px;
17            line-height: 1.5;
18            color: #1a1a1a;
19            background: #ffffff;
20        }
21 
22        .container {
23            max-width: 1400px;
24            margin: 0 auto;
25            background: white;
26        }
27 
28        .header {
29            background: #003d5c;
30            color: white;
31            padding: 25px 40px;
32            border-bottom: 3px solid #002840;
33        }
34 
35        .header h1 {
36            font-size: 26px;
37            font-weight: 600;
38            margin-bottom: 8px;
39            letter-spacing: -0.5px;
40        }
41 
42        .header-meta {
43            font-size: 13px;
44            color: #b8d4e6;
45            display: flex;
46            gap: 25px;
47        }
48 
49        .metrics-dashboard {
50            display: grid;
51            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
52            gap: 0;
53            border-bottom: 2px solid #003d5c;
54        }
55 
56        .metric {
57            padding: 20px 30px;
58            background: #f8f9fa;
59            border-right: 1px solid #d1d5db;
60            text-align: center;
61        }
62 
63        .metric:last-child {
64            border-right: none;
65        }
66 
67        .metric-number {
68            font-size: 32px;
69            font-weight: 700;
70            color: #003d5c;
71            display: block;
72            margin-bottom: 6px;
73        }
74 
75        .metric-label {
76            font-size: 12px;
77            color: #4a5568;
78            text-transform: uppercase;
79            letter-spacing: 0.5px;
80            font-weight: 500;
81        }
82 
83        .content {
84            padding: 30px 40px;
85        }
86 
87        .section {
88            margin-bottom: 30px;
89        }
90 
91        .section-title {
92            font-size: 20px;
93            font-weight: 700;
94            color: #003d5c;
95            margin: 32px 0 16px 0;
96            padding-bottom: 8px;
97            border-bottom: 2px solid #003d5c;
98            text-transform: uppercase;
99            letter-spacing: 0.8px;
100            line-height: 1.3;
101        }
102 
103        .subsection-title {
104            font-size: 16px;
105            font-weight: 700;
106            color: #1a1a1a;
107            margin: 24px 0 12px 0;
108            line-height: 1.4;
109        }
110 
111        .executive-summary {
112            background: #f8f9fa;
113            padding: 20px;
114            margin-bottom: 30px;
115            border-left: 4px solid #003d5c;
116        }
117 
118        .executive-summary p {
119            margin-bottom: 12px;
120            font-size: 14px;
121            line-height: 1.6;
122        }
123 
124        p {
125            margin-bottom: 14px;
126            line-height: 1.7;
127            text-align: left;
128        }
129 
130        /* Better paragraph spacing in content sections */
131        .content > p,
132        .section p {
133            margin-bottom: 16px;
134        }
135 
136        .findings-grid {
137            display: grid;
138            grid-template-columns: repeat(2, 1fr);
139            gap: 20px;
140            margin-bottom: 30px;
141        }
142 
143        .finding-card {
144            background: #f8f9fa;
145            padding: 18px;
146            border-left: 3px solid #003d5c;
147        }
148 
149        .finding-card h3 {
150            font-size: 14px;
151            font-weight: 700;
152            color: #003d5c;
153            margin-bottom: 10px;
154        }
155 
156        .finding-card p {
157            font-size: 13px;
158            line-height: 1.5;
159            margin-bottom: 8px;
160        }
161 
162        .data-table {
163            width: 100%;
164            border-collapse: collapse;
165            margin: 15px 0;
166            font-size: 13px;
167        }
168 
169        .data-table th {
170            background: #003d5c;
171            color: white;
172            padding: 10px 15px;
173            text-align: left;
174            font-weight: 600;
175            font-size: 12px;
176            text-transform: uppercase;
177            letter-spacing: 0.5px;
178        }
179 
180        .data-table td {
181            padding: 10px 15px;
182            border-bottom: 1px solid #e5e7eb;
183        }
184 
185        .data-table tr:hover {
186            background: #f8f9fa;
187        }
188 
189        ul, ol {
190            margin: 16px 0 16px 28px;
191            padding-left: 0;
192        }
193 
194        li {
195            margin-bottom: 10px;
196            font-size: 14px;
197            line-height: 1.6;
198            padding-left: 8px;
199        }
200 
201        /* Nested lists */
202        li ul, li ol {
203            margin-top: 10px;
204            margin-bottom: 10px;
205        }
206 
207        /* Better bullet/number spacing */
208        ol {
209            list-style-position: outside;
210            padding-left: 0;
211        }
212 
213        ul {
214            list-style-position: outside;
215            padding-left: 0;
216        }
217 
218        .key-insight {
219            background: white;
220            border: 1px solid #d1d5db;
221            border-left: 3px solid #003d5c;
222            padding: 15px;
223            margin: 15px 0;
224        }
225 
226        .key-insight strong {
227            color: #003d5c;
228            font-weight: 600;
229        }
230 
231        .citation {
232            color: #003d5c;
233            font-weight: 600;
234            text-decoration: none;
235            cursor: pointer;
236            position: relative;
237            padding: 2px 4px;
238            background: #f0f7fc;
239            border-radius: 2px;
240            transition: all 0.2s ease;
241        }
242 
243        .citation:hover {
244            background: #003d5c;
245            color: white;
246        }
247 
248        /* Attribution Gradients (2025 Enhancement) */
249        .citation-tooltip {
250            display: none;
251            position: absolute;
252            bottom: 100%;
253            left: 50%;
254            transform: translateX(-50%);
255            margin-bottom: 8px;
256            background: white;
257            border: 2px solid #003d5c;
258            box-shadow: 0 4px 12px rgba(0, 61, 92, 0.15);
259            padding: 12px;
260            min-width: 300px;
261            max-width: 500px;
262            z-index: 1000;
263            font-size: 12px;
264            line-height: 1.5;
265        }
266 
267        .citation:hover .citation-tooltip {
268            display: block;
269        }
270 
271        .tooltip-title {
272            font-weight: 700;
273            color: #003d5c;
274            margin-bottom: 8px;
275            font-size: 13px;
276            border-bottom: 1px solid #d1d5db;
277            padding-bottom: 6px;
278        }
279 
280        .tooltip-source {
281            color: #4a5568;
282            margin-bottom: 8px;
283            font-style: italic;
284        }
285 
286        .tooltip-claim {
287            background: #f8f9fa;
288            padding: 8px;
289            margin-top: 8px;
290            border-left: 3px solid #003d5c;
291            font-size: 11px;
292        }
293 
294        .tooltip-claim-label {
295            font-weight: 600;
296            color: #003d5c;
297            text-transform: uppercase;
298            font-size: 10px;
299            letter-spacing: 0.5px;
300            margin-bottom: 4px;
301        }
302 
303        .evidence-chain {
304            margin-top: 10px;
305            padding-top: 10px;
306            border-top: 1px solid #d1d5db;
307        }
308 
309        .evidence-chain-label {
310            font-weight: 600;
311            color: #003d5c;
312            font-size: 11px;
313            margin-bottom: 6px;
314            text-transform: uppercase;
315            letter-spacing: 0.5px;
316        }
317 
318        .evidence-step {
319            padding: 6px;
320            background: #f8f9fa;
321            margin-bottom: 4px;
322            font-size: 11px;
323            border-left: 2px solid #d1d5db;
324            padding-left: 8px;
325        }
326 
327        .bibliography {
328            background: #f8f9fa;
329            padding: 30px;
330            margin-top: 40px;
331            border-left: 4px solid #003d5c;
332        }
333 
334        .bibliography-content {
335            background: #f8f9fa;
336            padding: 20px 0;
337        }
338 
339        .bib-entry {
340            margin-bottom: 18px;
341            padding-left: 50px;
342            text-indent: -50px;
343            line-height: 1.6;
344            font-size: 13px;
345        }
346 
347        .bib-number {
348            color: #003d5c;
349            font-weight: 700;
350            margin-right: 8px;
351        }
352 
353        .bib-entry a {
354            color: #003d5c;
355            word-wrap: break-word;
356            text-decoration: none;
357        }
358 
359        .bib-entry a:hover {
360            text-decoration: underline;
361        }
362 
363        .compact-list {
364            display: grid;
365            grid-template-columns: repeat(2, 1fr);
366            gap: 15px;
367            margin: 15px 0;
368        }
369 
370        .compact-list li {
371            margin-bottom: 8px;
372            font-size: 13px;
373        }
374 
375        .info-box {
376            background: white;
377            border: 1px solid #d1d5db;
378            padding: 15px;
379            margin: 15px 0;
380        }
381 
382        .info-box h4 {
383            font-size: 13px;
384            font-weight: 700;
385            color: #003d5c;
386            margin-bottom: 8px;
387            text-transform: uppercase;
388        }
389 
390        .highlight-stat {
391            font-weight: 700;
392            color: #003d5c;
393        }
394 
395        strong {
396            font-weight: 600;
397            color: #1a1a1a;
398        }
399 
400        @media print {
401            .container {
402                max-width: 100%;
403            }
404        }
405 
406        @media (max-width: 768px) {
407            .metrics-dashboard {
408                grid-template-columns: repeat(2, 1fr);
409            }
410            .findings-grid {
411                grid-template-columns: 1fr;
412            }
413            .compact-list {
414                grid-template-columns: 1fr;
415            }
416        }
417    </style>
418</head>
419<body>
420    <div class="container">
421        <div class="header">
422            <h1>{{TITLE}}</h1>
423            <div class="header-meta">
424                <span>{{DATE}}</span>
425                <span>•</span>
426                <span>{{SOURCE_COUNT}} Sources</span>
427            </div>
428        </div>
429 
430        {{METRICS_DASHBOARD}}
431 
432        <div class="content">
433            {{CONTENT}}
434 
435            <div class="bibliography">
436                <div class="section-title">Bibliography</div>
437                {{BIBLIOGRAPHY}}
438            </div>
439 
440        </div>
441    </div>
442</body>
443</html>
444
Preparing the source view

Deep Research

templates/mckinsey_report_template.html
