← ClaudeAtlas

about-page-scaffoldlisted

Drop in a 3-paragraph "what is this?" page for new users, per frontend framework; optionally collapses into the architecture page when both standards are enabled
bakw00ds/yakos · ★ 2 · AI & Automation · score 81
Install: claude install-skill bakw00ds/yakos
# About-page scaffold ## Purpose Drop in a working about page for the project's frontend. Operator runs this once per project. After that, `rule:about-page-discipline` keeps the page from going stale. This skill is the FIRST half of the soft+hard pairing for Standard 6 (about page). The rule is the second half. ## Scope Operates on the operator's project repo. Adds an about route + component + three-paragraph template. Does NOT generate the actual marketing/positioning copy — operator fills that in. NOT in scope: - Marketing copy authoring (operator writes it; this skill produces the structural template only) - SEO / OpenGraph metadata (operator handles per project) - Internationalization (defer to project's i18n setup) - Page styling beyond a minimal layout (project's design system takes over) ## Automated pass 1. Detect frontend framework from project files: - `package.json` with `react` + `next` → Next.js - `package.json` with `react` + `vite` → React + Vite - `package.json` with `vue` → Vue - `package.json` with `svelte` → Svelte/SvelteKit - `*.html` files at project root without a JS framework → static HTML - Otherwise: ask via `--framework` flag 2. Read `.yakos.yml` `profile.standards` to detect whether `architecture-viz` is also enabled. 3. Drop in the about page per framework: ### Next.js variant - `app/about/page.tsx` (App Router) or `pages/about.tsx` (Pages Router; detected from existing routes) - Three-paragraph template w