Design print-magazine-style landing pages: oversized serif headlines, ruled columns, drop caps, pull quotes, one ink accent. For brand storytelling sites.
Design a magazine-style landing page for a fictional boutique coffee brand with drop caps and pull quotes
What you get
- Complete SKILL.md with workflow and usage rules
- references/ with design tokens, component specs, copy-paste snippets
- 2 demo landing pages (fictional coffee brand Marginalia) with 8 tested motion types
- prefers-reduced-motion fallbacks
Good fit
- Brand storytellers, coffee/food/hospitality brands, publishers, course creators; anyone building slow-reading print-like web pages
Not for
- Data-dense SaaS dashboards, hard-sell promo pages, kids/gaming/high-saturation brands
- Name
- Editorial Magazine UI
- Downloads
- 0
- Category
- Design
- Skills inside
- 1
Download & install
What's new: Initial release: editorial magazine UI skill with 2 demos
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 editorial-magazine-ui-v1.0.0.zip -d ~/.claude/skills/editorial-magazine-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.
Reviews
Related skills
Vercel-Style UI Design
Vercel-Style UI Design
Teach your AI agent to design like Vercel: monochrome palette, oversized tight typography, hairline borders, subtle gradient glows and grid textures. Ships with design tokens, copy-paste components, and a complete example landing page.
Claude Code · Codex · Cursor · Copilot +1
Apple-Style UI Design
Apple-Style UI Design
Design web pages in Apple's marketing-site visual language — gallery-like product storytelling, the SF type ramp, binary light/dark panels, and one blue reserved for action.
Claude Code · Codex · Cursor · Copilot +3
taste-skill
Leonxlnx/taste-skill
Taste-Skill - gives your AI good taste. Stops the AI from generating boring, generic slop.
archify
tt-a1i/archify
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams.