article-magazine
🤖 AI Summary
This skill renders a single-column, centered magazine article layout (max-width ~700px) with a hero header (large title, optional subtitle, author/reading time/date), serif headings, styled blockquotes, code blocks with language labels, custom list bullets, ornamental section dividers, and a call-to-action card at the end.
How to Install
Claude Code:
git clone --depth 1 https://github.com/nexu-io/open-design.git && cp open-design/skills/article-magazine ~/.claude/skills/article-magazine -r【模板: 杂志文章】
- 顶部 hero: 大标题 (text-5xl/6xl) + 可选副标题 + 作者 / 阅读时间 / 日期元数据。
- 正文: 单栏, 最大宽度约 700px, 居中。段落 `text-lg leading-relaxed text-neutral-700 dark:text-neutral-300`。
- H2 / H3 标题用 serif 字体, 让正文与标题有视觉对比。
- 引用块使用左侧粗 accent 色边线 + 斜体。
- 代码块: 圆角 + 深色背景 + 浅色文字, 显示语言标签。
- 列表项使用自定义 bullet（小方块 / accent 圆点）。
- 章节之间用 `
` 分隔, 但样式做成中央居中的小 ornament。 - 文末加一个简单的 "如果觉得有用，欢迎转发" 行动卡片。
` 分隔, 但样式做成中央居中的小 ornament。 - 文末加一个简单的 "如果觉得有用，欢迎转发" 行动卡片。
Details
| Category | Docs → writing |
| Source | nexu-io/open-design |
| SKILL.md | View on GitHub → |
| Repo Stars | ★ 70.0K |
| Est. per Skill | 503 (shared across 139 skills from this repo) |
| Difficulty | Intermediate |
| Risk Level | N/A |
Related Skills
cs-backend-engineer
Backend-engineering orchestrator. Walks the 7 Matt Pocock forcing questions (read/write ratio + QPS,
article-writing
Article Writing Write long-form content that sounds like an actual person with a point of view, not
brand-voice
Brand Voice Build a durable voice profile from real source material, then use that profile everywher
image-enhancer
--- name: image-enhancer description: Improves the quality of images, especially screenshots, by enh
Works Well With
Skills from the same repository — often designed to work together
8-bit-orbit-video-template
Hyperframes Video Template Ship a premium template-mode Hyperframes composition with a ready default
ad-creative
ad-creative > Curated from Corey Haines. What it does Generate and iterate ad creative including hea
after-hours-editorial-template
After Hours Editorial Template Produce a self-contained HTML editorial motion artifact in a dark lux