Skip to content

[workshop-diagrams] Add theme-aware explanatory diagram for superset layers - #3464

Draft
github-actions[bot] wants to merge 1 commit into
mainfrom
diagram/sq0501-superset-layers-bdb422d3a0c0a7d0
Draft

github-actions[bot] wants to merge 1 commit into
mainfrom
diagram/sq0501-superset-layers-bdb422d3a0c0a7d0

Conversation

@github-actions

Copy link
Copy Markdown
Contributor

Summary

Added a new conceptual diagram to the "Superset, not replacement" section of
workshop/side-quest-05-01-actions-power-user.md.

  • File changed: workshop/side-quest-05-01-actions-power-user.md
  • Type: new concept (no existing explanatory diagram covered this section;
    the file's only prior image is the already theme-aware hybrid-pattern
    diagram used elsewhere on the page)
  • SVGs added:
    • workshop/images/sq0501-superset-layers-light.svg
    • workshop/images/sq0501-superset-layers-dark.svg

Why this helps learners

The "Superset, not replacement" section explained in prose that agentic
workflows build on top of the existing GitHub Actions foundation rather than
replacing it. The new diagram makes that layering explicit with three stacked,
numbered stages (Actions foundation → frontmatter → Markdown task brief) and
arrows showing the bottom-to-top build order, so learners can see at a glance
which parts stay the same and which part is new.

QA performed

  • Rendered both variants locally with Playwright under colorScheme: "light"
    and colorScheme: "dark", confirming currentSrc resolves to -light.svg
    and -dark.svg respectively.
  • Visually confirmed both screenshots are nonblank, with all labels, chips,
    and stage boxes fully contained (no clipping or overlap).
  • Ran scripts/check-svg-visual-language.js against both new SVGs — no
    violations reported.

Warning

Firewall blocked 6 domains

The following domains were blocked by the firewall during workflow execution:

  • accounts.google.com
  • android.clients.google.com
  • clients2.google.com
  • registry.npmjs.org
  • www.google.com
  • www.gstatic.com

To allow these domains, add them to the network.allowed list in your workflow frontmatter:

network:
  allowed:
    - defaults
    - "accounts.google.com"
    - "android.clients.google.com"
    - "clients2.google.com"
    - "registry.npmjs.org"
    - "www.google.com"
    - "www.gstatic.com"

See Network Configuration for more information.

Generated by 🧠 Workshop Explanatory Diagram Generator · copilot · auto · 144 AIC · ⌖ 16.7 AIC · ⊞ 10.8K ·

  • expires on Sep 18, 2026, 2:45 AM UTC

Add a light/dark SVG pair illustrating the three-layer superset model
(Actions foundation, frontmatter, Markdown task brief) referenced in
the 'Superset, not replacement' section of the Actions power-user side
quest, and wire it in via the canonical theme-aware <picture> block.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants