atlas-visuals-kitlisted

Use when authoring or reviewing an Atlas Visuals MDX digest — "skin a note", "author an MDX digest", "which primitive should I use", "immersive visual for this spec/idea/tech-debt/program", or when extending the React/MDX primitive kit with a novel content shape. Covers the kit catalog, per-origin composition playbooks, immersion principles, kit extension convention, and the MDX file contract.
muslewski/memory-atlas · ★ 3 · Code & Development · score 69

Install: claude install-skill muslewski/memory-atlas

# atlas-visuals-kit Authoring/discovery layer for the Atlas Visuals React/MDX kit (package **memory-atlas-visuals**). An agent composing an MDX digest picks primitives from the kit catalog below, follows the per-origin playbook for the note type, applies the immersion principles, and places the `.mdx` file at the correct path. Never designs from scratch — compose from the catalog; extend only when a genuinely novel content shape appears. Resolve paths from the consuming repo: | Token | Source | |-------|--------| | `{vaultDir}` | `atlas.config.json` → vault dir | | `{visualsDir}` | `config.visuals.dir` if set, else `{vaultDir}/visuals` | | `{appDir}` | `{visualsDir}/app` | The living source of truth is `{appDir}/kit-catalog.json` + the components in `{appDir}/src/kit/`. The `KIT.md` file in this skill dir is a human-readable table derived from that JSON. CLI: `pnpm exec atlas-visuals …` or `npx atlas-visuals …`. --- ## Config awareness (`visuals.config.ts`) The whole gallery is driven by `{appDir}/visuals.config.ts` (typed via `defineVisuals()`). Two things matter when authoring: - **single vs many** — `content.mode`. In **many** a note can have per-skin overrides at `illustrated/<skin>/<origin>/<slug>.mdx` that the runtime resolves (active skin → override, else `illustrated/default/`). Re-voice each with `prompts.perSkin[skin]`; keep frontmatter identical to default. A skin reuses default content (restyle-only) by omitting its override. The `atlas-skin` skill