Skip to content

[canvas-apps] Sync prompts from PA-client - #445

Open
Joe Mayo (MSFT) (joem-msft) wants to merge 2 commits into
mainfrom
users/joemay/sync-prompts-from-pa-client
Open

[canvas-apps] Sync prompts from PA-client#445
Joe Mayo (MSFT) (joem-msft) wants to merge 2 commits into
mainfrom
users/joemay/sync-prompts-from-pa-client

Conversation

@joem-msft

Copy link
Copy Markdown

The PA-client repo now owns prompts. This is the first PR where we sync them to the canvas-apps plugin.

Copilot AI lite review requested due to automatic review settings August 19, 2026 23:48
@joem-msft
Joe Mayo (MSFT) (joem-msft) requested a review from a team as a code owner August 19, 2026 23:48

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR syncs the canvas-apps plugin’s skill/agent prompts and reference guidance from the PA-client source, keeping the on-repo instructions aligned with the upstream prompt set used for Canvas App YAML authoring and validation.

Changes:

  • Updated /canvas-app orchestration guidance (working-directory placeholders, builder wave dispatch rules, and post-build validation steps including editor-state handling).
  • Refreshed reference documentation for Canvas App YAML structure, planning templates, and validation workflow (including component-related guidance and wording normalization).
  • Updated agent instructions (canvas-app-planner, canvas-screen-builder) to match the synced prompt conventions.

Reviewed changes

Copilot reviewed 12 out of 12 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
plugins/canvas-apps/skills/canvas-app/SKILL.md Updates top-level orchestration and build/QA handoff instructions.
plugins/canvas-apps/references/YamlSyntax.md Refreshes YAML structure/syntax guidance and adds component-related sections.
plugins/canvas-apps/references/ValidationWorkflow.md Adjusts compile/repair workflow wording and editor-state guidance.
plugins/canvas-apps/references/QAChecks.md Normalizes wording in QA checklist descriptions.
plugins/canvas-apps/references/PlanTemplates.md Updates the canonical plan templates (including editor state changes section).
plugins/canvas-apps/references/LayoutGuide.md Normalizes wording and formatting in responsive-layout guidance.
plugins/canvas-apps/references/EditWorkflow.md Updates edit routing workflow to use working-directory placeholders and refreshed wording.
plugins/canvas-apps/references/DesignGuide.md Minor wording normalization in design guidance.
plugins/canvas-apps/references/CreateWorkflow.md Updates create workflow to use working-directory placeholders and refreshed wording.
plugins/canvas-apps/references/ControlGuide.md Adds/updates guidance sections and normalizes wording.
plugins/canvas-apps/agents/canvas-screen-builder.md Updates builder role instructions and tool naming conventions.
plugins/canvas-apps/agents/canvas-app-planner.md Updates planner instructions (including component refresh checkpoint and editor-state recording).
Suppressed comments (1)

plugins/canvas-apps/references/YamlSyntax.md:119

  • This sentence implies component definitions must live in a Components/ folder, but the same doc’s file-structure section only specifies filenames (and doesn’t establish a required folder layout). Reword this to make Components/ an example/convention rather than a requirement.
Local component definitions can be authored in the `Components/` folder as `.pa.yaml` files.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment on lines +144 to +146
- Apply `## Editor State Changes` from `[working directory]/canvas-app-plan.md` to
`[working directory]/_EditorState.pa.yaml` after all builders finish. If it says `None`, leave the
file unchanged.
- `LayoutOverflowY` — vertical overflow (`Scroll` for scrollable containers)
- `FillPortions` — proportional sizing
- `PaddingTop/Bottom/Left/Right` — container padding
- `PaddingTop`/`Bottom`/`Left`/`Right` — container padding
Comment on lines +25 to +31
Each '*.pa.yaml' file should contain a single top-level object. These are specified using one of the following top-level keywords:
- `App` - Represents the 'App' object in the app. The filename for this object should be `App.pa.yaml`.
- `EditorState` - Controls the Studio ordering of screens and local component definitions through `ScreensOrder` and `ComponentDefinitionsOrder`. Use filename `_EditorState.pa.yaml`.
- `ComponentDefinitions` - A named-object-mapping of local component definitions. Use filename `<the component's name>.pa.yaml`.
- `Screens` - A named-object-mapping of screens in the app Use filename `<the screen's name>.pa.yaml`.

You should ensure each top-level object is placed into its own pa.yaml file, using the correct top-level keyword.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants