Workflow dashboard with mermaid.js
该工作流通过集成 Mermaid.js 动态生成并展示自动化工作流的可视化流程图。用户可以一键查看工作流结构与节点，支持网页界面交互式展开与隐藏具体图示，显著提升了工作流管理的直观性与便利性。解决了传统管理界面难以理解复杂节点关系的问题，帮助用户快速掌握流程结构，便于调试与优化，实现高效的工作流监控与分析。
Tags
工作流名称
Workflow dashboard with mermaid.js
主要功能和亮点
该工作流通过集成 Mermaid.js，动态生成并展示 n8n 自动化工作流的可视化流程图。用户可以一键查看所有工作流的结构与节点，支持通过网页界面交互式展开和隐藏具体工作流图示，极大提升了工作流管理的直观性和便利性。
解决的核心问题
传统的工作流管理界面往往只显示列表或文字描述，难以直观理解复杂工作流的节点关系和逻辑。此工作流以图表形式清晰呈现工作流全貌，帮助用户快速掌握流程结构，便于调试、优化和维护。
应用场景
- n8n 实例管理者需要对大量自动化流程进行整体监控和分析。
- 自动化开发者希望快速理解和展示工作流设计。
- 团队协作时直观共享工作流设计思路。
- 需要在网页端展示和交互式浏览工作流结构。
主要流程步骤
- 通过 Webhook 触发工作流请求。
- 使用 Switch 节点判断请求参数，决定是加载工作流列表还是单个工作流详情。
- 调用 n8n API 获取所有或指定工作流数据。
- 使用 Set 和 Aggregate 节点整理并汇总工作流信息。
- 通过自定义 Code 节点，解析工作流节点和连接关系，生成符合 Mermaid.js 语法的流程图描述代码。
- RespondToWebhook 节点返回 Mermaid.js 代码或完整的 HTML 页面，实现流程图的动态展示。
- 前端页面通过 Mermaid.js 渲染工作流图形，支持用户点击按钮展开或隐藏具体工作流图示。
涉及的系统或服务
- n8n 自身 API：用于获取工作流列表和详情。
- Webhook：作为外部触发入口。
- Mermaid.js：用于生成和渲染流程图。
- Bootstrap：用于前端页面样式布局。
适用人群或使用价值
- n8n 平台管理员和自动化工程师，提升对大量工作流的管理效率。
- 自动化流程设计人员，方便进行流程展示与讲解。
- 团队协作成员，助力共享流程逻辑和设计思路。
- 希望通过可视化手段优化和监控自动化流程的企业和技术团队。
此工作流为 n8n 用户提供了“一览无遗”的工作流仪表盘体验，使复杂的自动化流程一目了然，极大提升了工作流管理的透明度与操作便捷性。
Send daily weather updates via a push notification using the Pushcut node
该工作流自动化获取柏林的实时天气信息，并通过Pushcut推送服务，每天早上9点向用户发送个性化的天气更新通知。用户无需手动查询，即可及时了解天气状况，便于合理安排日常活动。适合个人用户、团队管理者以及智能家居系统，提升生活便利性和智能化管理。
Sell a Used Car（卖二手车）
该工作流旨在自动化获取二手车的估价与购买报价，显著提升了操作效率。通过模拟用户在卖车平台上的操作，自动填写车辆信息并解析报价，解决了传统流程繁琐、人工易出错的问题。适用于二手车经销商、汽车电商平台及个人用户，能够快速、准确地评估车辆价值，节省时间与人力成本，是汽车销售领域的高效工具。
ClockifyBlockiaWorkflow
该工作流集成了时间管理平台与通讯工具，借助智能聊天模型，为用户提供便捷的时间日志管理服务。用户可以通过自然语言在Slack中轻松创建、查询、更新和删除时间条目，同时获得智能操作引导，确保记录准确无误。该系统简化了管理流程，降低了使用门槛，适合需要高效跟踪时间的远程办公人员和团队。
Telegram语音/文本智能任务拆解与Todoist自动创建
此工作流通过接收Telegram中的语音或文本消息，自动将语音转写为文本，并利用先进的语言模型智能分析内容，拆解成结构化的子任务，随后自动创建到Todoist。用户能够快速提交任务，系统则高效整理并反馈结果，显著提升任务管理效率，适用于团队和个人用户，简化了任务录入和分配流程。
getBible Query v1.0
此工作流旨在根据用户提供的圣经章节引用，动态获取对应的经文内容。它接收结构化的 JSON 输入，处理复杂的章节引用，并通过调用 GetBible API 返回标准化的经文数据，便于无缝集成到各种项目中。该工作流简化了跨项目获取圣经内容的流程，支持多章节和范围引用，适用于宗教网站、教育平台及各种需要动态查询圣经内容的应用。
图片上传与优化自动化工作流
该工作流主要实现本地或AI生成图片的自动上传与优化。通过调用ImgBB图床服务，用户可以便捷地上传图片并生成在线链接。同时，利用ReSmush.it接口进行无损压缩，显著减少图片文件大小，提升加载速度。可选集成OpenAI生成插图，进一步增强创作效率。适用于网站管理、电商平台及内容创作者，简化图片处理流程，提升用户体验。
天气查询Webhook工作流
该工作流通过Webhook接口接收城市名称，自动调用天气API获取实时天气数据，并生成简洁的天气描述。用户可以动态查询任意城市的天气，默认查询柏林，响应结果包括当前温度及体感温度。这一自动化流程解决了快速获取指定城市天气信息的需求，适用于网站、智能家居、旅游服务等场景，提升了服务的智能化和便捷性。
Turn on a light and set its brightness
该工作流允许用户通过手动触发来迅速控制Philips Hue智能灯的开关与亮度调节，操作简单便捷。用户只需点击执行按钮，即可轻松开启灯光并设置亮度，适合需要快速调节照明的场合，如家庭和办公室。此功能提升了智能家居的便捷性，满足了用户对即时灯光控制的需求，提升生活与工作环境的舒适度。