Book Serif Index (Meng To)
4/5 out of 5. Read the verdictAn archival book-reader design system: serif pages, mono index navigation, aged paper, margin notes and a catalog frame.
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.Full Book Serif Index (Meng To) pageFull baseline
Every skill gets the same Tally brief, alone in a clean project. How we test
Our verdict
4/5 out of 5
Passed the cut
Book Serif Index lays Tally out as an open ledger: aged paper pages inside a dark leather frame, IM Fell English and EB Garamond on the landing, Cormorant Garamond and Newsreader on the dashboard, with mono chapter numbers and an oxblood accent. The dashboard reads like a page of accounts, drop cap included. It is the most committed idea in this batch. Pick it for products that want warmth, history or craft.
Compare with claude-design-system-promptPick it for
- editorial and publishing sites
- heritage and craft brands
- personal finance with a story
- reading and journaling apps
Skip it for
- fast-moving SaaS
- data-dense admin tools
- brands that want to look modern
Typography
- IM Fell Englishlanding
- EB Garamondlanding
- Cormorant Garamonddashboard
- Newsreaderdashboard
- JetBrains Monolanding
- IBM Plex Monodashboard
Colors
Observations
- small grey serif text on aged paper is hard to read at mobile sizes
- dashboard: the book frame eats width, so tables feel cramped
Install
1 Run in your terminal
npx degit MengTo/Skills/agent-skills/web-design/book-serif-index#main .claude/skills/book-serif-index2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini
It tells your tool to install this from its source repository.
This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.
Copies just this skill's folder into your project's .claude/skills.
Check the source for the latest instructions.
We tested the book-serif-index skill from this repo.
Details
- Type
- Skill
- GitHub stars
- 6,824 (Stars are for the whole MengTo/Skills repository.)
- Updated
- today
- License
- MIT
- Best for
- Visual direction
Test runOpus 5.5Claude Code 2.1.302Oct 18, 2026generated in 6 minabout $1.21 at API pricescommit 83a47fe
Similar
Same brief, other skills
Liquid Glass Design (ECC)
Liquid Glass Design builds Tally out of frosted glass panels floating over soft mint, peach and periwinkle light, set in Bricolage Grotesque and DM Sans. The dashboard keeps the glass in Manrope and stays readable. Pick it if you want a friendly, Apple-flavored product that looks nothing like the cream-and-serif default.
updated 2d ago
Impeccable
Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.
updated 1d ago
Hallmark
Hallmark turns Tally into a cheerful yellow-and-pastel brand in Plus Jakarta Sans with big ghost numerals, and the dashboard matches it. The most consistent result in the set, but it took about 12 minutes per brief.
updated 2mo ago
Huashu Design
Huashu swaps Fraunces for Bricolage Grotesque and puts a lime highlighter on a deep forest green. It keeps envelopes as real kraft cards and carries the look into a tidy dashboard. A safe, distinct choice for consumer finance.
updated 4d ago
Also for these tasks
Bright Green Tech System (Meng To)
Bright Green Tech System is the furthest from the default in this batch: a near-black HUD with hard-framed panels, JetBrains Mono labels and a lime glow, plus a WebGL visual in the hero. It reads like a dev tool more than a budgeting app, and the mobile dashboard scrolls sideways. Pick it if your product is technical and you want it to look it.
updated today
Agency Grid Layout Minimal (Meng To)
Agency Grid Layout Minimal turns Tally into a Swiss-style studio page: grey paper, huge light Inter Tight headlines with a darker second line, hairline rules and JetBrains Mono labels. The dashboard is the same: a giant "$640 left to budget", thin progress lines and one black bar in the chart. Pick it if you want a calm, typographic product page that looks designed rather than templated.
updated today
Split Layout Technical (Meng To)
Split Layout Technical pairs light paper columns with dark canvas panels side by side, set in Instrument Serif italics, Inter and mono metadata. The dashboard is a sharp two-panel layout with an amber accent and a dark chart panel. Both mobile pages run a few pixels too wide. Pick it for technical products with an editorial streak.
updated today
Light Mode Paper Technical (Meng To)
Light Mode Paper Technical frames a warm paper Tally inside a dark border, with Inter Tight, many JetBrains Mono labels, bracketed panels and one red-orange accent. The dashboard is neat and technical, like a well-made instrument panel in daylight. Pick it if you want a technical product that still feels warm.
updated today