收藏的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
