← ClaudeAtlas

changelog-ui-scaffoldlisted

Drop in a UI component / page that surfaces the project's CHANGELOG.md and current version, per frontend framework
bakw00ds/yakos · ★ 2 · Web & Frontend · score 81
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.