roamingcode的博客

本文手把手教你用LangGraph实现一个具备ReAct模式的智能体研究员。核心内容包括：1) 理解ReAct模式（Reason-Action-Observe循环），让AI具备思考-行动-观察的能力；2) 掌握LangGraph三要素：状态管理（共享记事本）、节点（工作站）和边（流程控制）；3) 实战演示：配置Tavily搜索工具和GPT-4模型，定义思考节点和执行节点，构建智能体工作流。通过学习，你将实现一个能自主使用网络搜索工具解答复杂问题的AI研究员。

本文摘要介绍了如何将Figma JSON节点数据转换为规范的React TypeScript代码的系统方法。任务流程包含9个关键步骤：从分析JSON结构到生成代码框架，包括样式管理、状态设计、逻辑优化和文档注释。方案采用Ant Design组件库和Zustand状态管理，强调类型安全和代码拆分。样式部分要求严格遵循Figma变量体系，Less文件需导入统一的token文件。整个过程注重结构清晰、类型完备和最佳实践，最终输出包含完整代码和设计说明。通过结构化模板和评估矩阵确保输出质量，并支持持续迭代优化。

表达框架选择专家摘要 该Prompt旨在帮助用户在不同沟通场景中选择最适合的9种表达框架，以提升表达清晰度、逻辑性和说服力。专家角色需精准分析用户需求，从预设框架中推荐最佳方案，包括DESC模式（职场反馈）、SCQA结构（逻辑阐述）和问题解决五步法等。核心价值在于：快速匹配专业表达结构，降低听众理解成本，增强沟通效率与效果，同时提升用户的专业形象。专家需严格遵守框架限定，确保建议实用可操作，不创造新模型，完全基于用户具体场景进行推荐。

Cursor 中实现类 Dify 工作流编排效果，最大化的利用 Cursor 代码上下文，输出更贴合项目的代码改动，降低人工调整时间。提供一套完整的、可执行的工作流配置文件，支持工作流文件的创建和执行，提供完善的任务流执行机制，提供完整Demo流程演示。

`Memory Bank` 是一个结构化文档系统，允许 Cline 在会话之间保持上下文。它能让 Cline 从无状态的助手转变为持久记忆的开发伙伴，随着时间推移有效地“记住”项目细节。

最新发布了MCP（Model Control Protocol）能力，本文将结合进行代码演示，展示如何利用这些工具优化前端代码。创建llm.pyimport os。

对于高级应用，可以考虑 LangChainJS + LlamaIndex-js 的组合，前者处理交互逻辑，后者负责数据检索。也是不错的选择，尤其适合希望通过可视化界面快速构建AI功能的前端开发者。对于前端开发者，我推荐。如果需要简化开发流程，

开发一个 MCP Server 应用（dify-workflows-mcp ），用于实现在 vscode cline 的 MCP Client 中调用 dify 里面的指定工作流。

AI代码标注专家 Prompt 可作为项目级别提示词使用，专门负责为 AI 生成的代码添加特定的注释标记，然后基于 Node 脚本可以初步统计出 AI 代码占比。

使用此 Model Context Protocol 服务器授予 Cursor 对 Figma 文件的访问权限。当 Cursor 可以访问 Figma 设计数据时，它比粘贴屏幕截图等其他方法更能准确地进行代码转化。具体配置方式可直接参考仓库中详细介绍。

一个基于 React 和 Cloudflare Pages(免费一键部署) 的多人 AI 聊天应用，支持多个 AI 角色同时参与对话，提供类似群聊的交互体验。

基于VSCode插件体系，开发 DeepSeek Code2Mermaid 功能，将代码的执行流程转为可在线预览的Mermaid流程图，提升代码的可读性。

代码可视化专家 Prompt 提示词可作为自定义提示词使用，可基于提供的代码文件、片段输出代码执行流程图。

今天破解了一下 GitHub Copilot Agent 模式下的系统提示词，可以看出来，它内置了一系列工具：search_codebase：进行自然语言搜索，用于在用户当前工作区中查找与其问题相关的代码或文档注释。run_in_terminal： 在终端中运行一个 shell 命令。edit_file：修改文件file_search：按照 glob 模式在工作区中搜索文件。只返回匹配的文件路径，最多 20 个结果。read_file：读取文件的内容。list_dir：列出目录内容。

你可以把它想象成用乐高积木搭建流程，每个积木代表一个组件（比如 LLM、PromptTemplate、输出解析器等），通过 LCEL，你可以像拼积木一样把它们连接起来，形成一个完整的流程。通过理解 LCEL 的核心概念和常用 API，你可以灵活地组合各种组件，实现各种各样的功能。提取出来，并格式化成字符串，添加到输入中，然后传递给下一个 PromptTemplate。以流式方式调用 Runnable 对象，返回一个生成器，可以逐个获取结果。两个链会并行执行，最终返回一个字典，包含两个链的输出结果。

前端代码整洁度提升专家Prompt 提示词可作为自定义提示词使用，可对提供的代码进行优化。本次提示词偏向前端开发的使用，如有需要可适当修改关键词和示例。

前端开发架构师Prompt 提示词可作为系统提示词使用，可基于用户的需求输出对应的编码方案。本次提示词偏向前端开发的使用，如有需要可适当修改关键词和示例。

前端组件标准化专家Prompt 提示词可作为项目自定义提示词使用，本次提示词偏向前端开发的使用，如有需要可适当修改关键词和示例。

代码变更审查 Prompt 提示词可作为项目自定义提示词使用，本次提示词偏向前端开发的使用，如有需要可适当修改关键词和示例。

资深项目经理 Prompt 提示词可作为系统提示词使用，能够进行需求澄清、方案探索和执行计划

结合上述TOT示例，希望能够加深大家对思维树的理解。