EXAMPLES / ASK A BETTER QUESTION
同一份旅程。
看见不同的问题。
每个视图，都从一个具体问题出发。打开示例，检查步骤、时间和依据，也看看它们是如何被表达出来的。
01CUSTOM LAYOUT
用户旅程图
按阶段对照行为、想法、触点、情绪、痛点与机会。
探索这个视图 ↗02CUSTOM LAYOUT
时长条形图
比较各步骤的时长；无法量化的等待保留原文。
探索这个视图 ↗03CUSTOM LAYOUT
角色矩阵图
按角色和步骤交叉查看参与关系。
探索这个视图 ↗04TEMPLATE · coverage-xray
字段矩阵图
查看字段是否记录，以及是否带有来源标记。
探索这个视图 ↗05TEMPLATE · storyboard
故事板
按步骤展开行为、角色和当事人的想法。
探索这个视图 ↗06TEMPLATE · flow-graph
流程图
按阶段查看完整流程，以及筛选和回复时的分支。
探索这个视图 ↗07TEMPLATE · card-grid
卡片网格
按里程碑查看全部步骤，打开卡片检查原始字段。
探索这个视图 ↗08TEMPLATE · swimlane + zoom-pan
泳道画布
缩放与拖动，对照用户行为、前台、后台和支持系统。
探索这个视图 ↗09TEMPLATE · time-to-scale
时长比例图
使用线性刻度比较真实时长，保留无法量化的等待。
探索这个视图 ↗九个视图都由本站根据 skill 自带的求职示例旅程（demos/gallery/job-application-portal.md）绘制，不是 skill 的原样输出。标 TEMPLATE 的视图对应 skill 的同名渲染模板，由本站重新实现；标 CUSTOM LAYOUT 的视图 skill 没有自带模板，可以让 agent 按需搭建。流程图缩略图按阶段汇总，打开后可查看全部步骤与分支。示例数据不代表真实用户研究。
MAKE IT YOURS
同一份旅程。你的表达方式。
选择布局、组合交互，再用主题统一视觉。查看 skill 实际使用的模板和命令。
制作模板与切换主题 ↗