智能纪要：MCP系列教学和探索 2025年4月3日

智能纪要：MCP系列教学和探索 2025年4月3日 智能纪要：MCP系列教学和探索 2025年4月3日 Modified April 8, 2025 Log in or sign up to use this feature. Log in or sign up to use this feature. 智能章节 00:04 MCP相关直播介绍及工具玩法探讨 本章节主要围绕直播安排及 MCP 相关内容展开。直播8点零二分开始，因小号问题需手动转播。今明晚都有直播，明晚有 Adobe 大佬。今晚以玩为主，介绍多款 AI coding 工具，带大家体验 master code 等。还提到 MCP 带动相关产业，能用于自媒体，如自动操作剪映、生成视频等 。 08:20 MCP 直播教学开场，介绍相关探索及后续安排 本章节中，AJ 宣布直播开始，提到要做一系列 MCP 相关教学探索，介绍今晚请银海老师从入门讲解，明天请 Adobe 借助其 MCP 相关网站建设生态。银海表示 SCP 虽陌生但热度高，最早由 cloud 公司提出，还提及 cloud 刚出来时 ARTIFACT 样例及当时 SCP 服务相关情况 。 11:10 介绍SCP概念及以工具体验MCP 本章节银海介绍分享主题是带大家从“小白”角度体验 SCP。SCP 是模型上下文协议简称，是 cloud 公司发布的开源标准。还讲解了 SP 的构成，如通过 client 创建服务、按不同协议标准调用 SCP 接口。之后表示要用简单工具让大家体验 MCP，期间张克一提到华为股票收入 5 月知晓。 12:41 SCP服务的使用体验与概念解析 本章节主要围绕 SCP 展开。先介绍用 Cherry studio 工具可配置模型服务和 MCP 内容，演示了 SCP 的提问及思考能力。指出 SCP 像转接头，能统一服务，与 API 不同，可兼容不同规范。还阐述其能为大模型提供完整上下文信息，是连接大模型与其他能力的关节器，虽有概念但仍较抽象 。 18:18 大模型的 API 调用、信息获取及工作流调度应用 本章节介绍了一些厂商的有意思案例。提到之前会在 Cherry studio 配置联网搜索 API，搜索结果作为上下文信息补充输出。之后可拓展到局域 API 调用，由 API Fox 做统一管理。SCP 服务器不仅能通过 API 访问联网信息，还能读取本地文档等，CIPR 提出连接器概念，可编排流程并通过 API 调用工作流 。 20:37 MCP相关应用、工具及市场情况分享 本章节主要围绕 MCP 展开。先介绍了打通大语言模型与 Blender 渲染器通信协议的 brand SCP 插件。提到专业知识对用好 SCP 很重要，还举例 Minus 产品。说明明天会有大佬分享 n SCP 服务市场，今天将体验相关小插件，回顾了 ChatGPT 的 all tools 模式，还提及一些工具综合站和 GitHub 上的 SCP 资源。 29:17 探索MCP在自媒体行业的应用及操作流程 本章节主要讨论如何将 SCP 应用起来。提到 AI 加代理加 SCP 自动发视频的业务流程，如可在 Cursor cloud 或 ChatGPT 用提示创建、安排、发布短视频，从 hacker news 获取信息快速生成 15 秒短视频。还介绍可用 vscode 体验相关服务，其有 NCP 服务市场，可配置 MCP 服务等。 32:28 MCP服务安装、配置及功能试用讲解 本章节银海介绍 MCP 服务相关操作。先讲 Cline 安装，在扩展市场搜 client 插件。接着说明配置 Cline 选用模型，如 Deepseek V3，需到官网创建 API key 并配置。还提到配置后测试服务，如打招呼看是否响应。另外讲解了 plan 和 act 的区别，act 偏执行，会自动创建文档、写代码 。 35:37 Cline 配置成功后 MCP 服务的使用及相关工具介绍 本章节中，银海称Cline配置成功后将使用其MCP服务能力，介绍了在MCP服务市场安装如Browser use、CRO等服务的过程。还提到等待安装时会介绍其他工具，如集成多种模型能力的CURSOR，并展示其生成抽奖程序案例，最后讲述在设置页面添加刚安装的Cline（vscode或feishu studio）插件的操作。 38:14 介绍软件安装及实践环节，分享成果并探讨后续操作 本章节银海介绍操作内容，会贴出软件安装链接，Windows 同学选相应版本，今晚带大家体验实践环节，可在评论区提点子。还提到需安装 Cline 的 vscode 能力并贴出下载地址。展示生成效果，创建的内容在桌面且信息不完整待优化，最后回到 cursor，提及添加 global 的 MCP 需通过 MCP 配置信息 。 40:46 工具配置与使用介绍及能力测试说明 本章节银海介绍工具选择，Vscode 和科测可二选一。Vscode需手动添加 NGP 的 Server，配置 MCP 的 json 结构文件可从豆豆哥网站获取。安装服务时，有的只需拿诊断信息，多个服务时拿特定内容配置到 NCP studio，NPX 下载依赖，亮灯代表配置完成，最后准备测试 SQL thinking 能否正常执行。 43:52 MCP服务配置讲解与相关操作尝试 本章节银海先简单讲了 MCP 服务配置，提到其概念虽统一 API 调用接口看似简单，但无编程基础配置会头疼。还谈到交互体验会不断优化，随后展示简单 chat 操作，如在 cursor 里配置，探讨未成功调用 SCP 服务的问题，列举 SQL 申请等情况，接着准备找需访问网络信息的操作。 46:37 工具配置及相关技术问题探讨 本章节主要讨论技术配置与相关原理。先是介绍通过外部爬虫获取网络信息，配置BR code的API及相关操作。接着探讨Blender的通信模式，如Stdio需本地服务支持双向通信，SSE为单向。还提及未来云厂商可能改进通信方式，以及配置有技术门槛但多实操可掌握，最后决定统一使用一个工具 。 52:34 Vscode 使用、插件安装及 MCP 相关操作介绍 本章节银海提议大家统一使用Vscode，其可自行配置各类API。默认大家进入vscode页面后，在插件市场安装client插件并配置模型。之后回到MCP，介绍MCP市场多种能力，如远端服务等，还提到安装spare摄取插件的NCP服务，需在read link提供API密钥，该服务主要从谷歌搜索相关信息。 55:15 Vscode 中 Cline 配置 MCP 服务的过程分享 本章节主要围绕 MCP 服务配置展开。先等待 Cline 全自动安装并启用，前往官网获取 SPR 的 API key 并配置到环境变量。期间遇到需重启 CS 等问题。还介绍了从 Vscode 下载 Cline 插件、在 Cline 中配置 API key 的过程，称社区有诸多教程，最终成功配置 MCP 服务，后续会给出具体案例 。 01:03:54 Figma设计稿转前端代码实战操作讲解 本章节银海继续推进实践，提到将设计稿转成前端代码的 Figma to SCP 实战。介绍了 GitHub 项目，英文不懂可借助沉浸式翻译。展示了在 cursor 里还原设计稿的 Demo 案例，即在 Figma 编辑器复制画布链接，粘贴到 Cline 中，让其帮忙实现，即可还原页面 。 01:05:43 Figma 配置与 MCP 服务注册及获取 API key 说明 本章节提到接下来要进行配置实现协议间通信，需在本地启动服务。实现 Windows 也能使用，要注册 MCP 服务。还介绍获取 Figma 的 API key 的步骤，即到 setting 的 security 里创建，权限全开。获取令牌后，第一步获取 Figma 访问令牌已完成，且提到 Figma 是设计工具，还有很棒的设计社区 。 01:08:32 寻找并处理 SaaS 的 LANDING page 设计稿 本章节银海提出先找好看的案例，以 SaaS 的 LANDING page 为例，可在 Figma 创建本地页面或在浏览器打开，随后创建了页面。还提到国内 MCP 服务与 master Google 有关且支持 MCP 服务。同时指出判断设计稿好坏，页面不能是纯图片结构，要有层次结构，目前已拿到一个页面 。 01:10:54 Figma访问令牌及设计稿准备后在IDE中配置SCP服务的过程 本章节提到已准备好 Figma 的访问令牌和设计稿，接下来要将 frame link 的 Figma SCP 服务添加到 IDE 里。还讨论了在 Cline 中配置服务的操作，包括添加 install、config SDP Server，将所需 API 填入，最终完成 SCP 服务的部署，能看到相应状态码。 01:12:45 测试SCP服务连通性及后续操作记录 本章节银海提出测试 SCP 服务是否畅通，需配置好 NCP API，在设计页面操作后回到编辑页判断 API 是否成功，已能获取 Figma 图层信息。接着开始写代码，创建相关文件，下载 image SCP 服务不收费，部分服务收费，联网插件 API 有免费 500 次。等待页面还原，之后准备找卡片案例完成后续内容 。 01:15:51 Figma做新闻页及相关功能探讨，展望MCP主动规划能力 本章节银海提出不做 card，改为挑战做新闻页，即 information news，挑选了 space news website 页面。提到 Figma 的 NCP 服务能读取图层信息、自动填充图片信息。当前演示为单点功能，强调 MCP 的魅力在于 agent 侧主动规划，主动选择工具以完成复杂任务，而非仅实现单点功能 。 01:18:39 演示通过 Figma 样式生成网页及整合新闻信息的操作过程 本章节主要围绕演示展开。展示了其能读取 Figma 样式并存储为公共样式，可自动完成任务大闭环，生成的页面效果比纯图片输入更好。之后计划打通多点连贯性，新建 news RSS，让其整合信息，如根据 Figma 链接搜索最新航天新闻并填充创建网页，已 approve 并抓取图层结构信息，后续将读取新闻内容 。 01:23:30 演示MCP服务下的网页渲染生成及配置应用 本章节主要围绕模型操作及页面生成展开。提到模型 API 配置一次可反复调用，选择合适供应商和工具并填入密钥。展示了生成火星新闻页面的效果，探讨交互问题，如添加网址跳转。还介绍按需求文档开发页面的方式，最后打算尝试小程序开发，提及接入高德地图 API 。 01:32:15 新起项目相关安排及高德地图 API key 获取步骤 本章节银海提议新建项目，创建新编辑页，建一个名为 PRD 点 MD 的需求文档，告知相关页面。还提到需要高德地图的 MCP 服务，因当前无高德，打算从豆哥市场获取。讨论了调用需 API key，介绍了获取 API key 的步骤，包括登录高德控制台，创建新应用并添加 key 等。 01:36:00 银海关于获取 API key、连接高德 MCP 及后续开发需求说明 本章节主要围绕高德相关操作展开。先是拿到高德 API key 并尝试在豆哥的高的 MCP 连接、测试，运行输入杭州未返回信息，先不管运行结果进行配置添加，添加成功后默认高德服务可行。之后要求阅读 PRD、NT 文档，按需求实现所有页面，如需用高德地图直接调用工具，部分文档内容可写进 PRD 。 01:39:11 观察其获取页面数据及实现iOS地图应用过程 本章节主要围绕一个程序运行展开。先是等待程序读取页面信息，期间发现勾选后仍需重复 approve 疑似有小 bug。之后程序获取到5个页面数据，准备实现 iOS 地图应用。提到实现 iOS 应用可用 switch 等编程语言，但希望写成 html 结构，不想用需 x code 运行的 switch，只需等待其实现即可 。 01:42:47 应用自动写页面与代码的过程及相关讨论 本章节银海介绍应用开发进度，称可解放双手等待页面生成，目前 5 个页面框架已做好，样式在编写。还提到高德地图密钥未给，探讨地图渲染方式。指出代码无 rules 易截断，分享 cursor decore 网站，其中有诸多代码规范，建议配置 rules 提升代码可读性 。 01:50:23 MCP 配置、效果展示及原型与后端生成问题探讨 本章节银海展示了渲染页面，介绍 MCP 配置及效果，提到太空站等页面情况。共学结束时说明明天有大佬介绍 MCP 底层原理等。互动环节谢露阳提问，银海解答画原型工具，演示 mastergo 配置 MCP，还回应生成后端服务相关问题，分享了一些解决思路 。 02:04:17 关于MCP等在工程开发及游戏制作中应用问题的讨论 本章节主要讨论多个技术问题。谢露阳探讨用MCP串联从PRD、原型到前后端代码及数据库的链路；秦宇咨询Unity中相关功能是否冲突、超上下文长度处理等；酸梅询问MCP与陈思、Manus的区别。银海针对这些问题一一解答，给出尝试建议及相关原理说明 。 02:14:57 关于MCP应用可能性的讨论 本章节主要讨论了MCP相关话题。提到可构建垂直类agent，未来交互或更简单。探讨了用MCP实现自动剪辑，需剪映等开放接口。还谈及证券交易若有MCP的设想，但证券公司可能不开API。最后银海结束今日分享，预告明天Adobe大佬分享MCP进阶内容，欢迎大家交流想法。 Log in or sign up to use this feature. 会议中的金句时刻 Log in or sign up to use this feature. 相关链接 • 妙记：MCP系列教学和探索 • 文字记录 ◦ MCP系列教学和探索 2025年4月3日 相关会议纪要 📌 智能纪要：MCP系列教学和探索 2025年4月4日 00:04 08:20 11:10 12:41 18:18 20:37 29:17 32:28 35:37 38:14 40:46 43:52 46:37 52:34 55:15 01:03:54 01:05:43 01:08:32 01:10:54 01:12:45 01:15:51 01:18:39 01:23:30 01:32:15 01:36:00 01:39:11 01:42:47 01:50:23 02:04:17 02:14:57 MCP系列教学和探索 MCP系列教学和探索 2025年4月3日 智能纪要：MCP系列教学和探索 2025年4月4日 Log in or sign up to use this feature. Log in or sign up to use this feature. 智能章节 00:04 MCP相关直播介绍及工具玩法探讨 00:04 本章节主要围绕直播安排及 MCP 相关内容展开。直播8点零二分开始，因小号问题需手动转播。今明晚都有直播，明晚有 Adobe 大佬。今晚以玩为主，介绍多款 AI coding 工具，带大家体验 master code 等。还提到 MCP 带动相关产业，能用于自媒体，如自动操作剪映、生成视频等 。 本章节主要围绕直播安排及 MCP 相关内容展开。直播8点零二分开始，因小号问题需手动转播。今明晚都有直播，明晚有 Adobe 大佬。今晚以玩为主，介绍多款 AI coding 工具，带大家体验 master code 等。还提到 MCP 带动相关产业，能用于自媒体，如自动操作剪映、生成视频等 。 08:20 MCP 直播教学开场，介绍相关探索及后续安排 08:20 本章节中，AJ 宣布直播开始，提到要做一系列 MCP 相关教学探索，介绍今晚请银海老师从入门讲解，明天请 Adobe 借助其 MCP 相关网站建设生态。银海表示 SCP 虽陌生但热度高，最早由 cloud 公司提出，还提及 cloud 刚出来时 ARTIFACT 样例及当时 SCP 服务相关情况 。 本章节中，AJ 宣布直播开始，提到要做一系列 MCP 相关教学探索，介绍今晚请银海老师从入门讲解，明天请 Adobe 借助其 MCP 相关网站建设生态。银海表示 SCP 虽陌生但热度高，最早由 cloud 公司提出，还提及 cloud 刚出来时 ARTIFACT 样例及当时 SCP 服务相关情况 。 11:10 介绍SCP概念及以工具体验MCP 11:10 本章节银海介绍分享主题是带大家从“小白”角度体验 SCP。SCP 是模型上下文协议简称，是 cloud 公司发布的开源标准。还讲解了 SP 的构成，如通过 client 创建服务、按不同协议标准调用 SCP 接口。之后表示要用简单工具让大家体验 MCP，期间张克一提到华为股票收入 5 月知晓。 本章节银海介绍分享主题是带大家从“小白”角度体验 SCP。SCP 是模型上下文协议简称，是 cloud 公司发布的开源标准。还讲解了 SP 的构成，如通过 client 创建服务、按不同协议标准调用 SCP 接口。之后表示要用简单工具让大家体验 MCP，期间张克一提到华为股票收入 5 月知晓。 12:41 SCP服务的使用体验与概念解析 12:41 本章节主要围绕 SCP 展开。先介绍用 Cherry studio 工具可配置模型服务和 MCP 内容，演示了 SCP 的提问及思考能力。指出 SCP 像转接头，能统一服务，与 API 不同，可兼容不同规范。还阐述其能为大模型提供完整上下文信息，是连接大模型与其他能力的关节器，虽有概念但仍较抽象 。 本章节主要围绕 SCP 展开。先介绍用 Cherry studio 工具可配置模型服务和 MCP 内容，演示了 SCP 的提问及思考能力。指出 SCP 像转接头，能统一服务，与 API 不同，可兼容不同规范。还阐述其能为大模型提供完整上下文信息，是连接大模型与其他能力的关节器，虽有概念但仍较抽象 。 18:18 大模型的 API 调用、信息获取及工作流调度应用 18:18 本章节介绍了一些厂商的有意思案例。提到之前会在 Cherry studio 配置联网搜索 API，搜索结果作为上下文信息补充输出。之后可拓展到局域 API 调用，由 API Fox 做统一管理。SCP 服务器不仅能通过 API 访问联网信息，还能读取本地文档等，CIPR 提出连接器概念，可编排流程并通过 API 调用工作流 。 本章节介绍了一些厂商的有意思案例。提到之前会在 Cherry studio 配置联网搜索 API，搜索结果作为上下文信息补充输出。之后可拓展到局域 API 调用，由 API Fox 做统一管理。SCP 服务器不仅能通过 API 访问联网信息，还能读取本地文档等，CIPR 提出连接器概念，可编排流程并通过 API 调用工作流 。 20:37 MCP相关应用、工具及市场情况分享 20:37 本章节主要围绕 MCP 展开。先介绍了打通大语言模型与 Blender 渲染器通信协议的 brand SCP 插件。提到专业知识对用好 SCP 很重要，还举例 Minus 产品。说明明天会有大佬分享 n SCP 服务市场，今天将体验相关小插件，回顾了 ChatGPT 的 all tools 模式，还提及一些工具综合站和 GitHub 上的 SCP 资源。 本章节主要围绕 MCP 展开。先介绍了打通大语言模型与 Blender 渲染器通信协议的 brand SCP 插件。提到专业知识对用好 SCP 很重要，还举例 Minus 产品。说明明天会有大佬分享 n SCP 服务市场，今天将体验相关小插件，回顾了 ChatGPT 的 all tools 模式，还提及一些工具综合站和 GitHub 上的 SCP 资源。 29:17 探索MCP在自媒体行业的应用及操作流程 29:17 本章节主要讨论如何将 SCP 应用起来。提到 AI 加代理加 SCP 自动发视频的业务流程，如可在 Cursor cloud 或 ChatGPT 用提示创建、安排、发布短视频，从 hacker news 获取信息快速生成 15 秒短视频。还介绍可用 vscode 体验相关服务，其有 NCP 服务市场，可配置 MCP 服务等。 本章节主要讨论如何将 SCP 应用起来。提到 AI 加代理加 SCP 自动发视频的业务流程，如可在 Cursor cloud 或 ChatGPT 用提示创建、安排、发布短视频，从 hacker news 获取信息快速生成 15 秒短视频。还介绍可用 vscode 体验相关服务，其有 NCP 服务市场，可配置 MCP 服务等。 32:28 MCP服务安装、配置及功能试用讲解 32:28 本章节银海介绍 MCP 服务相关操作。先讲 Cline 安装，在扩展市场搜 client 插件。接着说明配置 Cline 选用模型，如 Deepseek V3，需到官网创建 API key 并配置。还提到配置后测试服务，如打招呼看是否响应。另外讲解了 plan 和 act 的区别，act 偏执行，会自动创建文档、写代码 。 本章节银海介绍 MCP 服务相关操作。先讲 Cline 安装，在扩展市场搜 client 插件。接着说明配置 Cline 选用模型，如 Deepseek V3，需到官网创建 API key 并配置。还提到配置后测试服务，如打招呼看是否响应。另外讲解了 plan 和 act 的区别，act 偏执行，会自动创建文档、写代码 。 35:37 Cline 配置成功后 MCP 服务的使用及相关工具介绍 35:37 本章节中，银海称Cline配置成功后将使用其MCP服务能力，介绍了在MCP服务市场安装如Browser use、CRO等服务的过程。还提到等待安装时会介绍其他工具，如集成多种模型能力的CURSOR，并展示其生成抽奖程序案例，最后讲述在设置页面添加刚安装的Cline（vscode或feishu studio）插件的操作。 本章节中，银海称Cline配置成功后将使用其MCP服务能力，介绍了在MCP服务市场安装如Browser use、CRO等服务的过程。还提到等待安装时会介绍其他工具，如集成多种模型能力的CURSOR，并展示其生成抽奖程序案例，最后讲述在设置页面添加刚安装的Cline（vscode或feishu studio）插件的操作。 38:14 介绍软件安装及实践环节，分享成果并探讨后续操作 38:14 本章节银海介绍操作内容，会贴出软件安装链接，Windows 同学选相应版本，今晚带大家体验实践环节，可在评论区提点子。还提到需安装 Cline 的 vscode 能力并贴出下载地址。展示生成效果，创建的内容在桌面且信息不完整待优化，最后回到 cursor，提及添加 global 的 MCP 需通过 MCP 配置信息 。 本章节银海介绍操作内容，会贴出软件安装链接，Windows 同学选相应版本，今晚带大家体验实践环节，可在评论区提点子。还提到需安装 Cline 的 vscode 能力并贴出下载地址。展示生成效果，创建的内容在桌面且信息不完整待优化，最后回到 cursor，提及添加 global 的 MCP 需通过 MCP 配置信息 。 40:46 工具配置与使用介绍及能力测试说明 40:46 本章节银海介绍工具选择，Vscode 和科测可二选一。Vscode需手动添加 NGP 的 Server，配置 MCP 的 json 结构文件可从豆豆哥网站获取。安装服务时，有的只需拿诊断信息，多个服务时拿特定内容配置到 NCP studio，NPX 下载依赖，亮灯代表配置完成，最后准备测试 SQL thinking 能否正常执行。 本章节银海介绍工具选择，Vscode 和科测可二选一。Vscode需手动添加 NGP 的 Server，配置 MCP 的 json 结构文件可从豆豆哥网站获取。安装服务时，有的只需拿诊断信息，多个服务时拿特定内容配置到 NCP studio，NPX 下载依赖，亮灯代表配置完成，最后准备测试 SQL thinking 能否正常执行。 43:52 MCP服务配置讲解与相关操作尝试 43:52 本章节银海先简单讲了 MCP 服务配置，提到其概念虽统一 API 调用接口看似简单，但无编程基础配置会头疼。还谈到交互体验会不断优化，随后展示简单 chat 操作，如在 cursor 里配置，探讨未成功调用 SCP 服务的问题，列举 SQL 申请等情况，接着准备找需访问网络信息的操作。 本章节银海先简单讲了 MCP 服务配置，提到其概念虽统一 API 调用接口看似简单，但无编程基础配置会头疼。还谈到交互体验会不断优化，随后展示简单 chat 操作，如在 cursor 里配置，探讨未成功调用 SCP 服务的问题，列举 SQL 申请等情况，接着准备找需访问网络信息的操作。 46:37 工具配置及相关技术问题探讨 46:37 本章节主要讨论技术配置与相关原理。先是介绍通过外部爬虫获取网络信息，配置BR code的API及相关操作。接着探讨Blender的通信模式，如Stdio需本地服务支持双向通信，SSE为单向。还提及未来云厂商可能改进通信方式，以及配置有技术门槛但多实操可掌握，最后决定统一使用一个工具 。 本章节主要讨论技术配置与相关原理。先是介绍通过外部爬虫获取网络信息，配置BR code的API及相关操作。接着探讨Blender的通信模式，如Stdio需本地服务支持双向通信，SSE为单向。还提及未来云厂商可能改进通信方式，以及配置有技术门槛但多实操可掌握，最后决定统一使用一个工具 。 52:34 Vscode 使用、插件安装及 MCP 相关操作介绍 52:34 本章节银海提议大家统一使用Vscode，其可自行配置各类API。默认大家进入vscode页面后，在插件市场安装client插件并配置模型。之后回到MCP，介绍MCP市场多种能力，如远端服务等，还提到安装spare摄取插件的NCP服务，需在read link提供API密钥，该服务主要从谷歌搜索相关信息。 本章节银海提议大家统一使用Vscode，其可自行配置各类API。默认大家进入vscode页面后，在插件市场安装client插件并配置模型。之后回到MCP，介绍MCP市场多种能力，如远端服务等，还提到安装spare摄取插件的NCP服务，需在read link提供API密钥，该服务主要从谷歌搜索相关信息。 55:15 Vscode 中 Cline 配置 MCP 服务的过程分享 55:15 本章节主要围绕 MCP 服务配置展开。先等待 Cline 全自动安装并启用，前往官网获取 SPR 的 API key 并配置到环境变量。期间遇到需重启 CS 等问题。还介绍了从 Vscode 下载 Cline 插件、在 Cline 中配置 API key 的过程，称社区有诸多教程，最终成功配置 MCP 服务，后续会给出具体案例 。 本章节主要围绕 MCP 服务配置展开。先等待 Cline 全自动安装并启用，前往官网获取 SPR 的 API key 并配置到环境变量。期间遇到需重启 CS 等问题。还介绍了从 Vscode 下载 Cline 插件、在 Cline 中配置 API key 的过程，称社区有诸多教程，最终成功配置 MCP 服务，后续会给出具体案例 。 01:03:54 Figma设计稿转前端代码实战操作讲解 01:03:54 本章节银海继续推进实践，提到将设计稿转成前端代码的 Figma to SCP 实战。介绍了 GitHub 项目，英文不懂可借助沉浸式翻译。展示了在 cursor 里还原设计稿的 Demo 案例，即在 Figma 编辑器复制画布链接，粘贴到 Cline 中，让其帮忙实现，即可还原页面 。 本章节银海继续推进实践，提到将设计稿转成前端代码的 Figma to SCP 实战。介绍了 GitHub 项目，英文不懂可借助沉浸式翻译。展示了在 cursor 里还原设计稿的 Demo 案例，即在 Figma 编辑器复制画布链接，粘贴到 Cline 中，让其帮忙实现，即可还原页面 。 01:05:43 Figma 配置与 MCP 服务注册及获取 API key 说明 01:05:43 本章节提到接下来要进行配置实现协议间通信，需在本地启动服务。实现 Windows 也能使用，要注册 MCP 服务。还介绍获取 Figma 的 API key 的步骤，即到 setting 的 security 里创建，权限全开。获取令牌后，第一步获取 Figma 访问令牌已完成，且提到 Figma 是设计工具，还有很棒的设计社区 。 本章节提到接下来要进行配置实现协议间通信，需在本地启动服务。实现 Windows 也能使用，要注册 MCP 服