帮助你用 React 与 Vite 快速创建并部署 Power Apps 代码应用。
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "create-code-app" 技能: 1. 下载 https://raw.githubusercontent.com/microsoft/power-platform-skills/main/plugins/code-apps/skills/create-code-app/SKILL.md 2. 保存为 ~/.claude/skills/create-code-app/SKILL.md 3. 装好后重载技能,告诉我可以用了
请为 Power Apps 创建一个基于 React 和 Vite 的代码应用脚手架,包含推荐的目录结构、基础组件、构建配置和本地运行说明。
生成可直接开始开发的项目结构、示例代码和运行步骤。
帮我搭建一个用于客户信息录入的 Power Apps 代码应用,使用 React 和 Vite,包含表单页面、字段校验、提交逻辑和基础样式。
输出适用于业务场景的页面代码、交互逻辑和实现说明。
请说明如何将这个 React + Vite 的 Power Apps 代码应用打包并部署到 Power Platform,包括构建命令、发布步骤和常见问题排查建议。
提供清晰的部署流程、命令示例以及常见错误处理建议。
📋 Shared Instructions: shared-instructions.md - Cross-cutting concerns.
References:
Check for memory-bank.md per shared-instructions.md. Skip completed steps.
Run prerequisite checks first -- no point gathering requirements if the environment isn't ready. See prerequisites-reference.md for details.
Check Node.js and Git (runs natively in bash):
node --version # Must be v22+
git --version # Optional but recommended
nvm use 22." and STOP.Skip questions the user already answered in their initial instruction.
If the user has not described what they want to build (i.e., /create-code-app was invoked with no arguments or a vague prompt), start with a single open-ended question before asking anything else:
"What would you like to build? Describe it in your own words — what it does, who uses it, and what problem it solves."
Wait for their answer. Use it to frame all follow-up questions. Do NOT present a multiple-choice list of app types before the user has described their idea.
Once you have their description:
/add-dataverse)EnterPlanMode/add-* skills to run for data sourcesallowedPrompts from prerequisites-reference.mdExitPlanMode when approvedAsk the user for a folder name. Default to powerapps-{app-name-slugified}-{timestamp} if they don't have a preference.
IMPORTANT: Use npx degit to download the template. Do NOT use git clone, do NOT manually create files, do NOT download from GitHub UI. degit downloads the template without git history.
npx degit microsoft/PowerAppsCodeApps/templates/vite {folder} --force
cd {folder}
npm install
Notes:
--force to overwrite if the directory already has files (e.g., .claude from a planning session)…
为 Power Apps 代码应用接入 Azure DevOps 连接器,便于查询工单、提报缺陷与管理流水线。
为 Power Apps 代码应用添加 Copilot Studio 连接器,便于调用智能体与集成回复。