Design moody, scholarly library-style websites in the dark academia aesthetic — deep library green and parchment, brass details, old-style serif type, bookshelf and marginalia motifs. Includes a complete design-token system, component specs, and paste-ready code for a fictional rare-bookshop site.
Use the dark academia UI skill to design a landing page for my independent bookshop, with a moody library hero, featured editions and a reading-room events section.
What you get
- SKILL.md with IP guardrails, workflow, design tokens, components, motion and copy voice; references/design-tokens.md, references/components.md and references/snippets.md with paste-ready code; two demo pages (a bookshop landing page and a browsable shelves/shop page) with 9 book editions, filters, search, format and quantity selection.
Good fit
- Independent bookshops, rare-book dealers, small presses, literary magazines, reading clubs, libraries and humanities brands that want to feel learned, quiet and expensive.
Not for
- Children's products, bright consumer tech, fast fashion, or anything needing a playful or neon voice.
- Name
- Dark Academia UI
- Downloads
- 1
- Category
- Design
- Skills inside
- 1
Download & install
What's new: v1.0.0 — Dark academia library aesthetic for a fictional rare bookshop (Wren & Quill): SKILL.md, three references, landing-page and shop demos with filters, search, format selection and basket interactions.
Free for signed-in users.
1. Download the ZIP
Use the button above to download the packaged skill. It contains the SKILL.md plus all supporting files.
2. Unzip into your agent's skills folder
Extract the archive so that SKILL.md sits directly inside a folder named after the skill:
unzip dark-academia-ui-v1.0.0.zip -d ~/.claude/skills/dark-academia-ui/Skills folder per agent
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. Restart your agent
Your agent picks up the new skill automatically on next launch. Ask it what it can do.
Like this free skill? Premium unlocks 77 exclusive skills.
One subscription unlocks every premium skill, prompt and pack — plus all future drops.
Reviews
Related skills
Editorial Magazine UI
Editorial Magazine UI
Design print-magazine-style landing pages — oversized serif headlines, ruled columns, drop caps, pull quotes and a single printer's-ink accent. Use when the user asks for editorial / magazine-style landing pages or brand sites.
Claude Code · Codex · Cursor · Copilot +3
Art Deco Glamour UI
Art Deco Glamour UI
Art Deco glamour for luxury interfaces — stepped geometry, sunburst fans, gold hairline rules and jewel-tone palettes for fine jewelry, hospitality and premium brands. Includes a complete token system, 12 components, copy-paste motion snippets, and two working demos for a fictional 1925 jewelry atelier.
Claude Code · Codex · Cursor · Copilot +3
Papercut Storybook UI
Papercut Storybook UI
Build warm, hand-cut paper storybook websites: layered papercut scenes, picture-book landing pages and bookshops with page-turn interactions — flat colour, hard offset shadows, and read-aloud copy.
Claude Code · Codex · Cursor · Copilot +3
Cottagecore UI
Cottagecore UI
Design warm, garden-soft cottagecore websites — cream paper, sage green, dusty rose, soft serif type, wildflower and scallop motifs, hand-stitched details. Use for village bakeries, farm shops, garden cafes, and floral brands.
Claude Code · Codex · Cursor · Copilot +3