# Tutorial Cards Layout

> 教程卡片型 skill。强调章节编号、结构化卡片、截图展示和信息扫描效率。

- Skill: `davidlam-oss/tutorial-cards-layout` (Agent Skill, multi-file: 6 files)
- Install (CLI): `npx skillmds@latest add davidlam-oss/tutorial-cards-layout`
- Raw SKILL.md: https://api.skillmd.com/api/skills/davidlam-oss/tutorial-cards-layout/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: davidlam-oss (https://skillmd.com/u/davidlam-oss)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/davidlam-oss/tutorial-cards-layout

---


# Tutorial Cards Layout Skill

这个 skill 用于把文章排成“教程精修稿”的样子。

## Guardrails

- 可以强化结构，不可以丢正文
- 可以用 hero / part-nav / phone-frame
- 正文仍优先 section-block
- CTA 只能按需生成，不能默认加
- `section-block` 里的特殊内容要尽量保留，包括 `callout`、代码块、表格、嵌套列表；可以增强结构，但不要把这些内容压平成普通段落
- 公众号可见文本里不能出现裸 Markdown 源码；任务清单 `- [ ]` / `- [x]` 必须改为 `☐` / `☑` 文本，长清单优先拆成短项卡片或分组清单