适合写作开始前使用。先回答内容是什么关系，再选择最小、最清楚的表达；不要从“我想加一个炫酷组件”倒推内容。
五秒选型
读者最需要看懂哪种关系？
| 维度 | 推荐场景 | 不要这样用 |
|---|---|---|
| Callout | 背景、风险、完成条件 | 每段都套提示框 |
| Cards | 入口与并列选择 | 连续文章切成卡片墙 |
| Tabs | 互斥视角或平台 | 隐藏唯一关键结论 |
| Accordion | 补充与排错 | 折叠必要步骤 |
| MetricBoard | 少量关键指标 | 没有口径的装饰数字 |
| 3D / Canvas | 空间关系确有意义 | 替代可读的二维说明 |
选择后补齐六项
- 清楚的标题和一句话用途。
- 键盘、触摸与可见焦点。
- 移动端安全边界。
- 浅色、深色与减少动态。
- 无 JavaScript、失败和打印回退。
- 来源、数据口径和内容维护责任。
组件层级
- 原生 Markdown
- 默认选择，适合大多数连续内容。
- 结构组件
- 明确步骤、比较、提示和折叠关系。
- 媒体组件
- 承载图片、视频、图表和来源。
- 领域交互
- 用操作解释 AI 系统、检索或模型权衡。
先查组件目录
已有能力见组件目录和本专题的对应页面。只有跨文章复用、且现有组件无法表达时才新增组件。