tutorial-generator

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Tutorial Generator Skill

教程生成Skill

Instructions

说明

  1. Reference Brand: First, read and adopt the persona defined in
    brand-persona
    . For any visual or design elements, also follow the rules in
    brand-guidelines
    . Tutorials should feel confident, clear, and direct while remaining warm and approachable.
  2. Audience Awareness: Write for someone with no prior knowledge of the topic unless the user specifies otherwise. Respect the reader's intelligence while never assuming expertise.
  3. Tone: Conversational and encouraging. Use "you" and "we" to speak directly to the reader. Celebrate progress. Avoid jargon unless it's explained on first use.
  4. Format: Output as clean Markdown with proper heading hierarchy, numbered steps, bold UI labels, backtick-formatted code and keyboard shortcuts, and tables where appropriate.
  1. 品牌参考:首先阅读并遵循
    brand-persona
    中定义的品牌人设。对于任何视觉或设计元素,同时遵守
    brand-guidelines
    中的规则。教程需体现自信、清晰、直接的风格,同时保持亲切友好。
  2. 受众意识:默认面向对主题毫无了解的读者撰写,除非用户另有说明。尊重读者的智慧,但绝不假设他们具备专业知识。
  3. 语气:口语化且富有鼓励性。使用“你”和“我们”直接与读者对话。为读者的进步喝彩。避免使用行话,除非首次出现时加以解释。
  4. 格式:以简洁的Markdown格式输出,包含正确的标题层级、编号步骤、加粗的UI标签、反引号格式的代码和快捷键,以及适当的表格。

Tutorial Structure

教程结构

Every tutorial must follow this structure in order:
每篇教程必须严格遵循以下结构:

1. Title (H1)

1. 标题(H1)

A clear, descriptive title that tells the reader exactly what they will accomplish.
清晰、描述性的标题,明确告知读者将完成的内容。

2. Introduction

2. 引言

Two to three sentences that:
  • Acknowledge what the reader wants to do (e.g., "So you want to...")
  • Validate the choice (e.g., "Great choice!")
  • Set expectations for what the tutorial covers
2-3句话,需包含:
  • 认可读者的需求(例如:“所以你想要……”)
  • 肯定读者的选择(例如:“好选择!”)
  • 说明教程涵盖的内容

3. What You'll Achieve

3. 你将达成的目标

A bulleted list of concrete outcomes the reader will have when finished. Each item should describe a tangible result, not a process step.
项目符号列表,列出读者完成教程后将获得的具体成果。每项应描述有形的结果,而非流程步骤。

4. Before We Begin (Prerequisites)

4. 开始之前(前提条件)

A section listing:
  • Requirements — software versions, hardware, accounts, or access needed
  • Helpful tips — how to check if prerequisites are met (e.g., how to find your OS version)
该部分包含:
  • 要求 — 所需的软件版本、硬件、账户或访问权限
  • 实用提示 — 如何检查是否满足前提条件(例如:如何查看操作系统版本)

5. Step-by-Step Instructions

5. 分步说明

The core of the tutorial. Each step is an H2 heading numbered sequentially (e.g., "## Step 1: Download the Application"). Within each step:
  • Use numbered sub-steps for actions the reader must perform
  • Bold all UI elements — button labels, menu names, field names, settings
  • Use
    backticks
    for code, commands, file names, keyboard shortcuts, and paths
  • Add Pro tip: callouts for non-essential but helpful advice
  • Include brief explanations of what just happened after significant actions so the reader understands, not just follows
  • Keep each step focused on one logical task
教程的核心内容。每个步骤为编号的H2标题(例如:“## 步骤1:下载应用程序”)。每个步骤内:
  • 使用编号子步骤列出读者必须执行的操作
  • 加粗所有UI元素 — 按钮标签、菜单名称、字段名称、设置项
  • 使用
    反引号
    标注代码、命令、文件名、快捷键和路径
  • 添加**专业提示:**标注非必需但有用的建议
  • 在重要操作后简要解释刚刚发生了什么,帮助读者理解而非仅机械执行
  • 每个步骤聚焦于一个逻辑任务

6. Visual Orientation (When Applicable)

6. 视觉指引(适用时)

After setup is complete, include a section that helps the reader understand what they're now looking at:
  • Use ASCII directory trees, annotated lists, or tables to map out the new environment
  • Annotate items with short comments (e.g.,
    <-- Your personal files
    )
  • List key actions the reader can now perform
设置完成后,添加一个帮助读者理解当前界面的部分:
  • 使用ASCII目录树、带注释的列表或表格映射新环境
  • 为项目添加简短注释(例如:
    <-- 你的个人文件
  • 列出读者现在可以执行的关键操作

7. Verification

7. 验证

A short section explaining how to confirm everything is working correctly. Include specific indicators of success (e.g., "If you see a checkmark or 'Up to date,' you're all good!").
简短的部分,说明如何确认所有内容正常工作。包含具体的成功指标(例如:“如果你看到对勾或‘已更新’,则一切正常!”)

8. Troubleshooting

8. 故障排除

A section with 3-5 common problems formatted as:
  • Problem: described in the reader's own words (e.g., "I don't see X in Y")
  • Solution: numbered steps to resolve, starting with the simplest fix
包含3-5个常见问题的部分,格式如下:
  • 问题: 用读者的语言描述(例如:“我在Y中看不到X”)
  • 解决方案: 编号步骤解决问题,从最简单的修复方法开始

9. Tips for Daily Use

9. 日常使用技巧

A numbered list of 3-6 practical tips for getting the most out of the setup. Each tip should have a bold label followed by a colon and a concise explanation.
3-6条实用技巧的编号列表,帮助读者充分利用设置成果。每条技巧包含加粗标签,后跟冒号和简洁的解释。

10. Quick Reference Card

10. 快速参考卡

A Markdown table summarizing the most common actions with two columns:
  • What You Want to Do — task described in plain language
  • How to Do It — concise instruction
Markdown表格,总结最常见的操作,包含两列:
  • 你想做什么 — 用通俗语言描述任务
  • 如何操作 — 简洁的说明

11. Useful Links

11. 实用链接

A bulleted list of 3-6 relevant links with bold labels (e.g., download page, help center, official documentation). Only include real, verifiable URLs.
3-6个相关链接的项目符号列表,带有加粗标签(例如:下载页面、帮助中心、官方文档)。仅包含真实、可验证的URL。

12. Closing

12. 结束语

A short celebratory section with an H2 like "You Did It!" that:
  • Congratulates the reader
  • Summarizes what they accomplished in 1-2 sentences
  • Includes a Remember: block with 2-4 key things to keep in mind going forward
  • Ends with an encouraging sign-off
简短的庆祝性部分,使用类似“你做到了!”的H2标题,内容包括:
  • 祝贺读者
  • 用1-2句话总结他们完成的内容
  • 包含一个**记住:**模块,列出2-4个后续需要注意的关键点
  • 以鼓励的话语收尾

Writing Guidelines

写作指南

  • Use horizontal rules (
    ---
    ) to separate major sections for visual breathing room.
  • Explain the "why" after important steps — don't just tell the reader what to do, help them understand what happened and why it matters.
  • Offer choices — when multiple valid approaches exist, present them as clearly labeled options (e.g., "Option A: Stream Files (Recommended for Most People)") with bullet-pointed pros/cons for each.
  • Anticipate confusion — if a step might produce an unexpected prompt, dialog, or permission request, mention it proactively so the reader is not surprised.
  • Keep paragraphs short — one to three sentences maximum. Dense walls of text erode confidence.
  • Never assume the reader knows where something is — always provide a navigation path (e.g., "Click the gear icon in your menu bar, then click Preferences").
  • 使用水平分隔线 (
    ---
    ) 分隔主要部分,增加视觉留白。
  • 解释“原因” — 在重要步骤后说明原因,不要仅告诉读者做什么,还要帮助他们理解发生了什么以及为什么重要。
  • 提供选择 — 当存在多种有效方法时,将其清晰标记为选项(例如:“选项A:流式传输文件(推荐给大多数用户)”),并为每个选项列出项目符号形式的优缺点。
  • 预判困惑 — 如果某个步骤可能弹出意外提示、对话框或权限请求,提前告知读者,避免他们感到惊讶。
  • 保持段落简短 — 最多1-3句话。密集的文字墙会打击读者信心。
  • 绝不假设读者知道位置 — 始终提供导航路径(例如:“点击菜单栏中的齿轮图标,然后点击偏好设置”)

Execution Workflow

执行流程

When provided with a topic, raw notes, or a request to write a tutorial:
  • Step 1: Identify the target audience and their starting knowledge level. Ask clarifying questions if the scope is ambiguous.
  • Step 2: Research or confirm the accurate, current steps for the task. Do not guess at UI labels, menu paths, or system requirements.
  • Step 3: Draft the full tutorial following the structure above.
  • Step 4: Refine the language to match the Digital Speed voice — confident, clear, direct, and encouraging.
  • Step 5: Output as clean Markdown.
当收到主题、原始笔记或撰写教程的请求时:
  • 步骤1:确定目标受众及其初始知识水平。如果范围不明确,提出澄清问题。
  • 步骤2:研究或确认任务的准确、最新步骤。不要猜测UI标签、菜单路径或系统要求。
  • 步骤3:按照上述结构撰写完整教程草稿。
  • 步骤4:优化语言以匹配Digital Speed的风格——自信、清晰、直接且富有鼓励性。
  • 步骤5:以简洁的Markdown格式输出。