// Re-run PMX Canvas like an external user by packing the repo, installing the tarball into a clean temp workspace, seeding the SDLC demo, and validating it in a browser. Use when asked to verify the published-package workflow, artifact/json-render coverage, or the full outside-in demo.
| name | published-consumer-e2e |
| description | Re-run PMX Canvas like an external user by packing the repo, installing the tarball into a clean temp workspace, seeding the SDLC demo, and validating it in a browser. Use when asked to verify the published-package workflow, artifact/json-render coverage, or the full outside-in demo. |
Use this skill when the goal is to test PMX Canvas from the outside instead of the repo dev path.
Run:
bash skills/published-consumer-e2e/scripts/run-published-consumer-e2e.sh
That script will:
examples/published-consumer-sdlc/ into that workspace,playwright-cli browser pass that snapshots the live workbench and asserts the article, artifact, json-render, graph, trace, and context surfaces are present.--port=4600 to change the server port--skip-playwright to stop after pack/install + HTTP smoke--headless if a visible browser is impossible--keep-running to leave the temp consumer server alive after the script exits--workdir=/tmp/custom-dir to reuse a known temp locationbun add -g @playwright/cli@latest.npm pack or bun pm pack, because pack/build commands can hang in this workspace.playwright-cli instead of the repo-local playwright test path because the local Playwright CLI is currently incompatible with the Bun/Node mix in this environment.Spatial canvas workbench for visual thinking — nodes, edges, groups on an infinite 2D canvas with pan/zoom, minimap, and real-time sync. Use this skill whenever you need to lay out information spatially: investigation boards, architecture diagrams, dependency maps, task plans, status dashboards, file relationship views, or any scenario where a flat list or text wall isn't enough. Also use when the user mentions "canvas", "board", "diagram", "spatial layout", "visual map", "node graph", or wants to see how things connect. The canvas is your extended working memory — pin nodes to curate context, read spatial arrangement to understand intent.
Repo-standard test and verification workflow for PMX Canvas. Use when you change code, add tests, debug regressions, prepare handoff, or need to decide which local verification commands to run. This skill defines the default test ladder, when to run Bun tests vs. browser tests, how to handle pre-existing failures, and what evidence to report back.
Suite of tools for creating elaborate, multi-component single-file HTML web artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Analytics synthesis with visualizations from engineering and product data sources
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Code generation utilities for json-render. Use when generating code from UI specs, building custom code exporters, traversing specs, or serializing props for @json-render/codegen.