Book Serif Index Design
Gives the agent a design direction for archival, book-reader style interfaces with serif type and index navigation.
- Repository
- MengTo/Skills
- Stars
- 7,187
- Licence
- MIT
- Files
- 3 files
What it does
When installed, the agent follows a detailed visual direction for building web interfaces that look like an archival book reader or manuscript viewer. It uses a dark outer frame, a warm paper-toned reading surface with serif text, monospace labels for navigation and metadata, and editorial details such as drop caps, margin notes and folio markers. The skill is a set of written design guidelines; it describes the look and does not install tools or change anything on its own.
Great for
- Front-end developers building editorial, literary or archive-style sites
- Designers who want a clear archival design direction to hand off or iterate on
- Teams creating research, lore or story-driven product pages that need an index-style navigation
Skip it if
- Bright, modern SaaS or e-commerce interfaces, since the skill explicitly steers away from that palette and feel
- Projects needing strict accessibility or high-contrast reading without review, because the paper textures and muted tones may reduce legibility if overdone
Try asking
- “Design a landing page for an archive of 19th-century letters using a book-reader layout with a mono index sidebar.”
- “Create a dark-shell reading interface with a paper-textured two-page spread and margin notes for my literary catalog.”
- “Turn this article into an archival reader view with drop caps, folio markers and footer metadata.”
Install in 3 steps
- 1
Download the skill
The ZIP contains the 3 original files, the MIT licence and an attribution note.
book-serif-index.zip - 2
Add it to your agent
Claude Code (all projects)
mkdir -p ~/.claude/skills && unzip book-serif-index.zip -d ~/.claude/skills/Claude Code / Agent SDK (this project only)
mkdir -p .claude/skills && unzip book-serif-index.zip -d .claude/skills/Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.
- 3
Ask for the task
No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.
Get better results
- State your brand accent colour up front; otherwise the agent falls back to oxblood, bronze or antique gold.
- Ask for a specific density (airy museum-like or dense scholarly) and antiquity level so the output matches your content.
- Review the result for text contrast and readability, since the skill warns against excessive distressed effects.
What's inside
- demo/PROMPT.md
- demo/source.json
- SKILL.md
Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.