power-platform-skills Canvas Apps插件解析:通过MCP让AI直接编写画布应用的完整工作流

📅 发布时间:2026/10/16 16:26:13
power-platform-skills Canvas Apps插件解析:通过MCP让AI直接编写画布应用的完整工作流
【免费下载链接】power-platform-skillsA plugin marketplace for GitHub Copilot and other AI agents that provides Power Platform development plugins, including reusable skills, agents, and commands for building and deploying solutions.项目地址https://gitcode.com/gh_mirrors/po/power-platform-skills点击查看免费下载power-platform-skills是微软官方的 AI 插件市场其中的Canvas Apps 插件通过MCPModel Context Protocol协议把你的编码智能体coding agent直连到 Power Apps Studio让你用一句自然语言就能让 AI 直接创建和修改画布应用Canvas App的屏幕、控件、Power Fx 公式与数据源——无需手写一行代码。本文带你完整走通这条工作流从环境准备、插件安装、MCP 连接到 AI 五阶段流水线构建应用的内部机制与常见问题排查。一、先搞懂这个插件到底在做什么传统上画布应用要靠鼠标在 Power Apps Studio 里逐个拖控件、手敲公式。Canvas Apps 插件换了一种方式MCP 服务器canvas-authoring由插件自动注册它通过coauthoring协同编辑会话与 Power Apps Studio 通信把应用状态同步为本地.pa.yaml文件AI 代理在本地直接编辑这些 YAML 文件再调用compile_canvas通过官方 Power Apps 创作服务校验并回写应用Skills 与 Agents负责编排一个面向用户的技能命令背后是多角色专业代理分工协作的流水线。一句话概括你在聊天框说需求AI 写 YAMLMCP 把它编译进你打开的应用里。核心入口文件插件说明plugins/canvas-apps/README.md架构总览plugins/canvas-apps/AGENTS.mdMCP 服务器注册配置plugins/canvas-apps/.mcp.json二、上手前准备3 项硬性前置条件条件说明✅ 支持 MCP 与 agent 插件的编码智能体如 VS Code Agent 模式、GitHub Copilot CLI、Claude Code✅.NET 10 SDKMCP 服务器依赖它运行注意是 SDK不只是 Runtime✅已存在且开启 coauthoring 的应用应用必须先在 Power Apps 中创建、保存并开启协同编辑插件不能替你创建应用本身验证 .NET SDK 版本输出需包含10.开头的版本号dotnet --list-sdks⚠️ 关键细节应用必须已在 Power Apps Studio 中打开并在Settings → Updates → Coauthoring中开启协同编辑且整个会话期间不能关闭该浏览器标签页——关闭即断连compile_canvas与sync_canvas会失效。三、快速安装与连接三步走第 1 步安装插件在你的智能体插件市场中执行/plugin marketplace add microsoft/power-platform-skills /plugin install canvas-appspower-platform-skills在 VS Code 中打开扩展视图CtrlShiftX搜索agentPlugins canvas apps安装 Microsoft 发布的Canvas Apps即可。若搜索不到可在用户设置 JSON 中加上chat.plugins.enabled: true。第 2 步连接你的应用/configure-canvas-mcp运行configure-canvas-mcp技能或直接用自然语言说Connect the Canvas Apps MCP server to my app.按提示从浏览器地址栏粘贴Studio 完整 URL完成登录。这个技能会自动从 URL 中解析出ENV_ID、APP_ID、环境类别prod / gov / china 等并调用connect工具接入你的协同编辑会话。技能定义见plugins/canvas-apps/skills/configure-canvas-mcp/SKILL.md第 3 步验证连接对 AI 说List the available Canvas App controls.如果 AI 成功列出控件清单触发list_controls工具说明整条链路已打通。四、核心玩法/canvas-app的完整工作流这是插件的主角技能。直接说Create a Canvas App for managing inventory或修改我现有的 Canvas App给表单加上校验技能会自动识别你是在「从零创建」CREATE还是「修改现有应用」EDIT走不同的流水线。技能入口plugins/canvas-apps/skills/canvas-app/SKILL.mdCREATE五阶段流水线先设计后实现新建应用时插件不是让 AI 一口气写代码而是像一支小型产品团队那样分工共 5 个阶段、7 个专职代理Agents 不可被用户直接调用均由技能通过Task工具调度阶段代理产出物职责1️⃣ 功能定义canvas-create-functionalitycreate-functionality.md只梳理用户、任务、需求R*与动作A*不碰任何控件2️⃣ 屏幕规划canvas-create-screenscreate-screens.md把功能组织成任务导向的屏幕与导航3️⃣ 布局设计canvas-create-layoutcreate-design.md 各屏composition.md视觉层级、密度、响应式断点等纯设计决策4️⃣ 可行性发现canvas-create-discoverycreate-discovery.md调 MCP 工具核对真实控件、数据源、连接器、图片是否支持你的设计5️⃣ 屏幕实现canvas-create-builder单个屏幕的.pa.yaml每个 builder只负责一个屏幕按波次并行实现关键设计亮点 体验先于实现前 3 个阶段严禁提前选型控件避免 AI 先射箭再画靶人工审批关卡可行性确认后AI 会先呈现一份## Canvas App Plan屏幕用途、关键交互、数据假设、视觉方向你批准后才允许写任何 YAML 并编译编译权集中只有协调者技能本身能执行compile_canvasworkers 只写自己那个屏幕文件杜绝互相覆盖。工作流完整规则plugins/canvas-apps/references/CreateWorkflow.md各阶段代理源码可深入了解每个角色的职责边界canvas-create-functionality.mdcanvas-create-screens.mdcanvas-create-layout.mdcanvas-create-discovery.mdcanvas-create-builder.mdEDIT三级路由改得稳才快修改现有应用时插件先用assess_edit_execution工具对改动体量做一次评估返回三级路由路由适用场景行为Direct加一个按钮这类单点小改顶层代理直接改完即编译不打扰你审批Partitioned多个文件互不影响的独立修改顺序或回退到 Planned逐文件执行Planned跨屏共享状态、记录增删改、破坏性布局变更先出## Canvas Edit Plan给你批准 →canvas-app-planner制定分派计划 →canvas-screen-builder逐屏实施这套先评估、再分级、重大改动必审批的机制是插件防止 AI 误伤现有应用的核心保险。路由规则详见plugins/canvas-apps/references/EditWorkflow.md五、MCP 工具速查表AI 的手与眼以下工具由canvas-authoring服务器提供无需手动调用仅作了解工具作用connect连接指定应用与环境必须最先调用sync_canvas从 Studio 下载当前应用状态覆盖本地 YAMLcompile_canvas校验并应用本地 YAML 到 Power Apps 创作服务list_controls/describe_control列出 / 查询控件的属性与变体list_apis/describe_api列出 / 查询可用连接器及其操作list_data_sources/get_data_source_schema列出数据源 / 查看列与类型search_stock_images搜索可用库存图片check_accessibility/check_app对已应用的应用做诊断仅 EDIT 阶段六、常见问题排查现象解决办法插件搜不到 / 装不上确认宿主支持 MCP 与 agent 插件VS Code 中重启后仍无果请咨询管理员是否组织策略禁用了插件dotnet/dnx找不到安装.NET 10 SDK不是 Runtime重启终端与智能体工具调用后连不上确认 URL 来自Studio 编辑页非应用播放器、应用已保存、coauthoring 已开启、标签页未关闭登录失败或账号不对重试并选择正确的组织账号无界面环境SSH可指定auth_flow: devicecodeStudio 里看不到 AI 的修改确认原 Studio 标签页仍打开且已登录检查 AI 是否报告了编译错误完整故障表含 NuGet 源问题见plugins/canvas-apps/README.md七、安全须知 ⚠️凭据由官方 Azure Identity SDK 处理插件不直接存储令牌用最小权限账号连接审批操作前核对环境、应用 URL 与工具参数先在开发环境中验证 AI 生成的改动再应用到生产永远不要把密码、令牌、连接串粘贴进提示词或 Issue。八、总结一句话记住这套工作流装插件 → 开 coauthoring → /configure-canvas-mcp 连接 → /canvas-app 说需求 → AI 五阶段设计 你审批 → 编译回写 StudioCanvas Apps 插件的价值不只是AI 帮你写应用更在于它把软件工程的纪律角色分工、可行性核对、变更分级、审批关卡、编译隔离内建到了 AI 工作流里——这正是它区别于一键生成玩具的关键。想动手试试打开你的编码智能体对它说给我建一个管理员工休假申请Canvas App要能审批和统计。然后看着它一步步把设计稿变成可运行的应用。赞分享【免费下载链接】power-platform-skillsA plugin marketplace for GitHub Copilot and other AI agents that provides Power Platform development plugins, including reusable skills, agents, and commands for building and deploying solutions.项目地址https://gitcode.com/gh_mirrors/po/power-platform-skills点击查看免费下载相关推荐cc-wf-studio MCP Server 实战指南让 AI 客户端通过 stdio 直接读写工作流文件cc wf studio MCP Server 实战指南让 AI 客户端通过 stdio 直接读写工作流文件 cc wf studio/mcp 是 CC WAI 应用Agent 工作流开发工具MCP 服务Webstudio MCP通过 MCP 与 CLI 让 AI Agent 直接读写 Webstudio 项目Webstudio MCP通过 MCP 与 CLI 让 AI Agent 直接读写 Webstudio 项目 本文是 Webstudio 官方 MCPMod低代码前端后端CLI设计系统Power Platform MCP Connector Development 插件为 Copilot Studio 构建 MCP 自定义连接器的完整工具链Power Platform MCP Connector Development 插件为 Copilot Studio 构建 MCP 自定义连接器的完整工具链文档知识库AI 应用创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考