← ClaudeAtlas

win98-paper-themelisted

Apply the bingranyou.com Win98 paper site-wide theme to a Next.js + Tailwind site so non-palace routes share the same visual language as /palace. Use when porting palace typography, palette, CJK fallback, paper-smudge overlay, or raised Win98 CTA styling to the front door, About, blog, or other routes.
bingran-you/bingran-you · ★ 2 · Code & Development · score 73
Install: claude install-skill bingran-you/bingran-you
# Win98 Paper Theme — make every route speak the same OS dialect as `/palace` **Live demo:** [bingranyou.com](https://bingranyou.com) — the front door, blog, posts, and every internal route share this theme. Click "Enter the Memory Palace" to see it hand off to the 3D scene. ## What this skill ships A drop-in `app/globals.css` for a Next.js + Tailwind v4 host that paints the entire site in the same paper palette the `/palace` desktop interior uses. Five components: 1. **Palette** — mint paper base (`#dbe3cf`), black ink, classic Netscape/Win98 violet hyperlinks (`#551a8b` unvisited / `#2f0a52` visited). 2. **Typography** — Alfa Slab One display H1, MillenniumBold for H2–H6, Millennium body serif, MSSerif (pixel-aliased Win98 control font) for `.font-mono` eyebrow labels. Per-glyph fallback chain for CJK (Latin → Millennium, Han → Noto Serif SC). 3. **Paper smudge overlay** — fixed-position `body::after` with the same recipe palace's `MonitorScreen.ts:272` uses in 3D: smudges.jpg + additive blending + opacity 0.12. CSS analogue is `mix-blend-mode: plus-lighter` + 2 px blur for the softening palace gets for free from CRT scanlines. 4. **Justified prose + auto-hyphenation** on `.prose`, `.text-block`, and their `<p>` / `<li>` descendants — matches palace's About page text blocks. 5. **`.palace-cta`** — a raised Win98 button class for the "Enter the Memory Palace" CTA (and any other primary action you want shaped like a 3D-button). ## When to use - You've shipped `memory-pa