changelog-ui-scaffoldlisted
Install: claude install-skill bakw00ds/yakos
# Changelog UI scaffold
## Purpose
Drop in a working changelog UI for the project's frontend.
Reads the existing `CHANGELOG.md` at build time (no parallel
artifact). Operator runs once per project. After that,
`rule:changelog-ui-discipline` keeps the UI in sync with
ongoing changes.
This skill is the first half of the soft+hard pairing for
Standard 2 (changelog UI). The rule is the second half.
## Scope
Operates on the operator's project repo. Adds:
- A `<Changelog />` component (or page) in the project's
frontend framework
- A version-display element wired into the app header / footer
- A build-time loader for `CHANGELOG.md` (one of: Vite raw
import, Next.js MDX, Webpack `raw-loader`, static
preprocessing)
Does NOT generate the changelog content (that's
`skill:version-bump`'s job). Does NOT change the structure of
`CHANGELOG.md` (which follows Keep a Changelog per yakOS
convention).
## Automated pass
1. Detect frontend framework from project files (same heuristics
as `skill:about-page-scaffold`):
- `package.json` with `react` + `next` → Next.js
- `package.json` with `react` + `vite` → React + Vite
- `package.json` with `vue` + (`nuxt` or `vite`) → Vue
- `package.json` with `svelte` → Svelte / SvelteKit
- Static HTML at project root → bare HTML + JS
2. Detect version source (in order of preference):
- `VERSION` at repo root → preferred (yakOS convention)
- `package.json` `version`
- Other lang manifest
3. Read `.yakos.yml` `profile.