实战教程：如何在 VS Code 和 Trae 中配置 Pencil Agent 及 MCP 服务

本文详细介绍了 AI 代码编辑器插件 Pencil 的安装与配置流程。鉴于 Pencil 目前需手动配置 MCP Server 才能调用 AI 功能，文章针对 VS Code 和 Trae（含国内版）提供了具体的 settings.json 修改方案，并给出了优化后的 Agent 提示词建议。实测显示，配置成功后，该插件可通过对话直接生成 Markdown 编辑器代码，实现从需求描述到 UI 设计的自动化输出，有效提升开发效率。