Create Alignment Page

Create Alignment Page

Invoke as $create-alignment-page.

Use this skill when the user asks to create, refresh, or amend an alignment/*.html review page for an existing skill output, research artifact, spec, plan, report, prototype, or other durable deliverable. This skill is for target repositories that may only have skills installed through the skillpacks npm package, so it must not assume this source checkout's docs/ or scripts/ directories are present.

Workflow

1. Resolve the target repository and page scope:

   • Default to the current working directory.
   • Identify the source artifact(s), producing skill name, topic slug, and intended page path alignment/<skill-name>-<topic>.html.
   • Confirm the page path is repo-relative, directly under alignment/, and ends in .html.
   • If amending an existing page, read the whole current page and archive it before replacing it.

2. Load the best available convention:

   • First read the producing skill's bundled ALIGNMENT-PAGE.md when it exists under .codex/skills/<skill>/, .claude/skills/<skill>/, base/, or packs/.
   • If the bundled convention is unavailable, use the packaged convention path by running or recommending npx skillpacks alignment bundles --check to confirm bundled conventions are installable in the target repo.
   • In this source checkout only, docs/alignment-page-convention.md and node scripts/upgrade-alignment-page.mjs --check are acceptable fallbacks.
   • Do not invent a simplified template when a bundled or packaged convention is available.

3. Build or amend the page:

   • Render the full source artifact content directly in HTML. Do not replace the deliverable with an iframe, object embed, or link-only preview.
   • Preserve evidence, assumptions, decisions, source paths, proposed file changes, gate questions, feedback context, and prior approval records.
   • For a new review page, set data-alignment-status="review", data-alignment-category, and data-visual-tier.
   • For an amended page, archive the previous page under docs/history/archive/YYYY-MM-DD/HHMMSS/alignment/<filename>.html, show what changed, and regenerate affected gates from the amended content.
   • Include the TTS script tag <script src="../scripts/alignment-tts-kokoro.js"></script> before </body>.

4. Verify and make the page portable:

   • Run npx skillpacks alignment pages inject-tts alignment/<page>.html so the packaged TTS asset is installed when missing and the page tag is current.
   • Run npx skillpacks alignment pages audit.
   • Attempt to open the page with npx skillpacks alignment pages open alignment/<page>.html --browser auto.
   • In this source checkout only, if npx skillpacks is unavailable, fall back to node scripts/inject-tts.mjs alignment/<page>.html, node scripts/audit-alignment-pages.mjs, and node scripts/open-html-page.mjs alignment/<page>.html --browser auto.
   • Treat browser-open status blocked as non-fatal when the page was written and audited successfully; report the absolute path.

5. Handoff:

   • If the page is in review, ask the user to review it and return section-feedback YAML or bottom compiled response YAML.
   • Do not route to downstream implementation until final compiled response YAML is approved and any approved canonical artifacts are written.

Output

Report:

• Page path and source artifact path(s)
• Convention source used
• TTS injection result
• Audit command and result
• Browser-open status: focused, opened, fallback-opened, blocked, or failed
• Archive path when an existing page was amended
• Next review action or final confirmation status

Constraints

• Do not assume repo-local scripts/ or docs/ exist outside this source checkout.
• Do not create or modify GitHub Actions workflows.
• Do not write outside the target repository.
• Do not overwrite an existing alignment page without archiving it first.
• Do not create a second alignment page merely to review the alignment page created by this skill; the requested page is the review artifact.

Alignment Page

When this skill produces durable deliverables (research, specs, plans, reports, prototypes, or any document output), build a full-depth HTML alignment page following ALIGNMENT-PAGE.md in this skill's directory. Output: alignment/create-alignment-page-{topic}.html.

Default Shipping Contract

• Modified alignment pages, archive copies, index updates, and source artifacts are normal repo artifacts. Follow the target repo's shipping rules after verification.
• When operating in this agentic-skills repository, commit and push intended tracked changes on the primary branch before stopping unless the user explicitly says not to ship.