同款配置 https://gitee.com/blueBQ/n8n_start_dockerhttps://gitee.com/blueBQ/n8n_start_docker
在一点点的深度使用n8n后，我发现这就是将执行过程可视化的 claude ， cursor 之类的智能体，agent 能做的 n8n 也能做。
得益于 n8n 的执行过程更直观，我也很明显的看出来模型对于生成质量的占比高于70%，剩余的东西才是提示词以及其他 mcp。
不过这次主要目的是分享下我 n8n 中用到的 mcp
octocode : 用于从网络上找到代码最佳实践
mcp-omnisearch：聚合了多家 ai 浏览器，用于实时搜索，有免费额度
playwright： 唤起屋头浏览器获取&调试页面
howtocook-mcp： 教你怎么做菜的mcp，我用来解决明天吃什么
promptx： 基于人脑海马体认知的本地记忆，类似酒馆，又有点不用，本来想用来对aigc 去ai味的，目前还没找到最佳实践，官方文档都没出
doubao-img：自己用mcp-server-trigger 对接的豆包图片分析 api 和 fastgpt 知识库操作接口，主要用于给ai提供操作知识库的能力
。。。其他的就是拷贝的claude 自带的一些mcp
贴几张使用记录吧
收藏的blog
https://loongphy.com/blog/codex-tutorial
生成提示词
加下面内容发送给 gpt
基于后面的内容描述，给我构建一个子agent的提示词，触发器是用户输入图片内容，或者参考xxx构建前端界面，# 基于 LLM 原理的质量提升技巧 LLM 是基于输入，预测下一个词元，平时使用时在有日志反馈的情况下，LLM 的表现会更佳
提示词
- 日志，
Please add the appropriate logging information so that you [the agent] can use that log output to figure out this issue. 请添加适当的日志信息，以便你可以使用该日志输出来找出这个问题。
- 结构化，
Create a JSON-formatted design system profile. This profile should extract relevant visual design information from the provided screenshots. The JSON output must specifically include: The overarching design style (e.g., color palette, typography, spacing, visual hierarchy). The structural elements and layout principles. Any other attributes crucial for an AI to consistently replicate these design systems. Crucially, do not include the specific content or data present within the images, focusing solely on design characteristics. 创建一个 JSON 格式的设计系统配置文件。该配置文件应从提供的屏幕截图中提取相关的视觉设计信息。JSON 输出必须具体包含： 总体设计风格（例如，调色板、排版、间距、视觉层次结构）。 结构元素和布局原则。任何其他对 AI 一致复制这些设计系统至关重要的属性。至关重要的是，不要包含图像中存在的具体内容或数据，而仅关注设计特征。
- 让AI利用 ASCII 字符进行字符绘画，更可视化的把设计过程呈现出来
我新上的功能, Hero区域, 你有什么建议吗? 我要世界顶级的交互设计,简洁、专业.你拥有我所有代码的阅读权限, 以及，这是线上地址https://raphael.app/background-remover 你可以使用playwright mcp访问它，和代码对比查看 你可以提出5种不同的方案,使用ASCII画出来,和我讨论
效果对比
输入（前）： 给我搭建一个小红书首页
输入（改进版）： 使用design-system-parser完成首页的编写，仿写小红书，告诉我你的设计方案，并且实现过程中需要用ASCII 码描述你的方案，至少5种，确定后再编写，你的工作目录是ai-prompt-test
| 不使用日志 | 使用日志打印 |
|---|---|
 |  |
简介
本教程基于docker本地化使用，相关配置均提交至 https://gitee.com/blueBQ/n8n_start_docker 建议先学习以下内容，便于自研工作流
docker 入门 （1小时足矣）
https://www.runoob.com/docker/docker-tutorial.html
javascript 入门 （7天内）
相关工作流均已上传至n8n中文社区 下方获取同款 n8n 的 docker 配置项目 https://gitee.com/blueBQ/n8n_start_docker
最佳实践
通过 mcp-hub 去管理，体验上近似于在cursor这种编辑器内使用 仅需两步操作：
- 安装 mcp-hub 并配置 config.json ，使用命令行启动
jsnpm install -g mcp-hub && mcp-hub --port 3000 --config ./config.json
