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.
你能得到
- 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.
适合场景
- Independent bookshops, rare-book dealers, small presses, literary magazines, reading clubs, libraries and humanities brands that want to feel learned, quiet and expensive.
不适合
- Children's products, bright consumer tech, fast fashion, or anything needing a playful or neon voice.
- 名称
- Dark Academia UI
- 下载数
- 1
- 分类
- 设计
- 包含 skills
- 1
下载与安装
更新内容: 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.
登录用户免费下载。
1. 下载 ZIP
点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。
2. 解压到 agent 的 skills 目录
解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：
unzip dark-academia-ui-v1.0.0.zip -d ~/.claude/skills/dark-academia-ui/各 Agent 的 skills 目录
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. 重启你的 agent
下次启动时 agent 会自动识别新 skill，直接问它能做什么。
喜欢这个免费 skill？Premium 解锁 77 个独家 skills。
一次订阅，解锁全部高级 skill、prompt 和内容包，以及未来的每一期新品。
评价
相关技能
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