Show HN: Flostep – 人们真正可以分步演示的流程图
Show HN: Flostep – Diagrams people can actually walkthrough

原始链接: https://flostep.dev/

🖱️ 第一步:拖放组件 从前端、服务、数据库、缓存、队列、外部 API 中选择,或创建自定义组件,并将它们放置在画布上。 🔗 第二步:连接并标注交互 按照发生的顺序在组件之间绘制箭头,并为每个箭头添加标签,例如“POST /login”、“返回 JWT”、“缓存未命中”。同一对组件之间支持多次交互。 ▶️ 第三步:逐步演示 点击“下一步”逐个查看交互过程。当前步骤会高亮显示,其余部分则会变暗。非常适合设计评审、新人入职培训和面试场景。

```Hacker News最新 | 过往 | 评论 | 提问 | 展示 | 招聘 | 提交登录Show HN: Flostep – 人们真正可以进行演练的流程图 (flostep.dev)7 积分 由 pandurang90 发布于 2 小时前 | 隐藏 | 过往 | 收藏 | 2 条评论 帮助 _lex 10 分钟前 | 下一条 [–] 你的订单流程有个问题,可能会导致有人付了钱却没收到货。你可以修复它,或者也可以利用这一点来展示你产品的价值,即别人可以通过演练你的流程图来发现这个漏洞回复qwertytyyuu 20 分钟前 | 上一条 | 下一条 [–] 看起来很漂亮!看起来非常适合演示回复 准则 | 常见问题 | 列表 | API | 安全 | 法律 | 申请 YC | 联系 搜索: ```
相关文章

原文

🖱️

STEP 1

Drag & drop components

Pick from Frontend, Service, Database, Cache, Queue, External API — or create a custom component. Place them on the canvas.

🔗

STEP 2

Connect & label interactions

Draw arrows between components in the order they happen. Label each one — "POST /login", "returns JWT", "cache miss". Multiple interactions between the same pair are fine.

▶️

STEP 3

Walk through it

Hit Next to step through each interaction one at a time. The active step lights up, the rest fades. Perfect for design reviews, onboarding, and interviews.

联系我们 contact @ memedata.com