website-visual-assets

Installation
SKILL.md

Skill Instructions

Purpose

Provide a repeatable workflow to generate HTML exports and screenshots for the website using real repository artifacts.

Hard Rules

Must

  • Use src/tools/Oocx.TfPlan2Md.HtmlRenderer to generate HTML from markdown reports.
  • Use src/tools/Oocx.TfPlan2Md.ScreenshotGenerator (Playwright) to generate screenshots from those HTML exports.
  • Store website screenshots under website/src/assets/screenshots/.
  • Update the consuming website source when screenshot assets change (for example the relevant page in website/src/pages/ or shared content data in website/src/_data/).

Must Not

  • Do not hand-edit screenshots or create “mock” screenshots that aren’t generated from real HTML exports.

Golden Example

Installs
14
Repository
oocx/tfplan2md
GitHub Stars
167
First Seen
Feb 28, 2026
website-visual-assets — oocx/tfplan2md