mcpField
K
karpathy-output-evolution

karpathy-output-evolution

github.com/learnprompt文档处理118123 次安装16 周前更新
代码仓库

关于 karpathy-output-evolution

karpathy-output-evolution 是一项用于选择并生成结构化 LLM 输出形式的技能，涵盖 Markdown、HTML、幻灯片和数据可视化。它帮助将文本整理为适合分享、演示、比较或研究审阅的成品。

主要功能

  1. 01输出格式选择指南
  2. 02自包含 HTML 提示词
  3. 03Marp 幻灯片模板
  4. 04交互式表格提示词
  5. 05研究报告模板

适用场景

  1. 01将笔记整理成可在浏览器打开的报告
  2. 02把材料制作为 Marp 幻灯片
  3. 03用可排序表格比较数据

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/learnprompt/andrej-karpathy-skills --skill karpathy-output-evolution

安装后在 Claude Code 中输入/karpathy-output-evolution确认已加载。

详细介绍

Skill 7：输出形式进化

来源：https://x.com/karpathy/status/2053872850101285137 “HTML 输出 + 人机输入输出进化”——约 19k 个赞

核心原则

文本是最低级的输出形式。要求结构化。

Karpathy 的演进路径：Text → Markdown → HTML → Interactive → (future) Neural

每种大模型输出都可以升级。一大段文字可以变成渲染后的文档，列表可以变成可排序的表格，说明可以变成幻灯片。信息本身不变，但可读性和记忆效果会成倍提升。

输出进化阶梯

Level 1: Plain text          ← most common, least useful for complex info
Level 2: Markdown            ← better, but not rendered in most contexts  
Level 3: Self-contained HTML ← renders anywhere, no dependencies
Level 4: Interactive HTML    ← sortable tables, collapsible sections, search
Level 5: Marp slides         ← presentations, teaching, sharing
Level 6: Data viz            ← charts, graphs, dashboards

默认规则：对于任何将要复用或分享的输出，至少要求达到第 3 级。

不同输出类型的提示词模板

HTML 文档（第 3 级）
[YOUR CONTENT REQUEST]

Output format: A single self-contained HTML file.
Requirements:
- All CSS inline or in a <style> block (no external dependencies)
- Clean, readable typography (use system fonts: -apple-system, sans-serif)
- Proper heading hierarchy (h1 → h2 → h3)
- Key terms in <strong>, code in <code> blocks
- A table of contents at the top if > 3 sections
- Light/readable color scheme (#f8f9fa background, #212529 text)

Start with <!DOCTYPE html> and end with </html>. Nothing else.
Marp 幻灯片（第 5 级）
[YOUR CONTENT REQUEST]

Output format: Marp markdown slide deck.
Requirements:
- Start with: ---\nmarp: true\ntheme: default\npaginate: true\n---
- Separate each slide with ---
- Max 5 bullet points per slide
- One key concept per slide
- Speaker notes after each slide ()
- First slide: title + author + date
- Last slide: "Key Takeaways" + 3-5 bullets

Total slides: [N] (default: one per major concept)
交互式 HTML 表格（第 4 级）
Convert this data to an interactive HTML table:

[DATA]

Requirements:
- Self-contained HTML (CSS + JS inline)
- Sortable columns (click header to sort)
- Search/filter box at top
- Alternating row colors
- Responsive (works on mobile)
- Export to CSV button (optional)

Include only standard browser APIs, no jQuery or external libraries.
以 HTML 报告形式呈现的研究摘要（第 3–4 级）
[YOUR RESEARCH TOPIC OR NOTES]

Output: A self-contained HTML research report.
Structure:
1. Executive Summary (3 sentences)
2. Key Findings (bulleted, with confidence levels: HIGH/MED/LOW)  
3. Evidence (expandable sections, one per finding)
4. Open Questions
5. Sources (linked, with one-sentence descriptions)

Style: Clean academic report. Background #fff, readable font-size 16px, max-width 800px centered.
可视化对比（第 4 级）
Compare these [OPTIONS/APPROACHES/TOOLS]:

[LIST OF THINGS TO COMPARE]
[CRITERIA TO COMPARE ON]

Output: Self-contained HTML comparison page with:
- Side-by-side card layout (CSS grid)
- Color-coded ratings (green/yellow/red) for each criterion
- Summary recommendation at top
- No external CSS frameworks

通用升级提示词

应用于任何现有文本输出，即可立即改进：

Take this content and upgrade it to a self-contained HTML document.

Content:
[PASTE ANY TEXT OR MARKDOWN]

Upgrade rules:
1. Structure the content with proper heading hierarchy
2. Make lists visually distinct (styled bullets or numbered lists)
3. Put any code in syntax-highlighted <pre><code> blocks
4. Add a reading time estimate at the top
5. Make it look like a well-designed blog post
6. Keep the content identical — only change the format

Output: complete HTML file, nothing else.

输出格式选择指南

使用场景最佳格式命令
快速笔记Markdown默认
分享给非技术人员HTML“输出为 HTML”
演示Marp“制作幻灯片”
数据对比HTML 表格“以对比表格形式呈现”
研究摘要HTML 报告“以研究报告形式呈现”
文档Markdown + 目录“添加目录”
学习材料Marp + 演讲者备注“制作教学幻灯片”

为重要提示词始终添加以下内容

Output as a self-contained HTML file. No external dependencies.
Clean design. Renders directly in a browser.

工作流

属于工作流：从研究到发布（第 3 步）

位置上游下游
第 3 步（包装）karpathy-llm-wiki（知识沉淀后）karpathy-education-first（教学化输出）

完整链路：autoresearch → llm-wiki → output-evolution → education-first

提示词约定

Take this content: <RAW_CONTENT>. Choose the best output format from: Markdown table / Marp slides / self-contained HTML / interactive dashboard / diagram. Justify your choice in one sentence. Then produce the complete rendered-ready artifact. Requirements: self-contained (no external deps), renders correctly, structured for scanning not linear reading.

验证清单

  • 输出格式符合使用场景（分享→HTML，演示→Marp，分析→仪表板）
  • 文件完全自包含（无外部 CDN/依赖）
  • 可以直接在浏览器中打开并正确渲染
  • 结构便于快速浏览（有标题、表格、分区），而不是一大段文字
  • 在移动端也基本可读

评论

支持 Markdown