article-magazine
Helps your agent turn long texts into beautiful articles. It's useful for creating blog posts or essays that look like magazines.
What it does
Transforms simple text (Markdown) into a beautiful and easy-to-read online magazine article. It adds headings, well-spaced paragraphs, highlighted quotes, and even colored code blocks.
When to use it
- ✓When you want to turn your notes into a stylish blog post.
- ✓To create an online essay with a professional look.
- ✓When sharing a long text and wanting it to resemble a magazine publication.
Example of what to ask your AI
“Turn this text into a magazine article: [your text here]”
Want more? Open the sections below.
How to use
The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.
Skill link
Ready-to-paste message
How it works
The AI takes your text and applies a pre-defined design. It adds a large title, organizes the content into easy-to-read columns, and uses different fonts and colors to highlight headings and quotes.
Installation
Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.
In the terminal (Claude Code, Codex, Cursor), in your project folder:
npx skills add nexu-io/open-design --skill article-magazineOr download just the file:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/plugins/_official/examples/article-magazine/SKILL.md -o SKILL.mdTechnical content (original SKILL.md)
Original text by the author, straight from GitHub.
【模板: 杂志文章】
- 顶部 hero: 大标题 (text-5xl/6xl) + 可选副标题 + 作者 / 阅读时间 / 日期元数据。
- 正文: 单栏, 最大宽度约 700px, 居中。段落
text-lg leading-relaxed text-neutral-700 dark:text-neutral-300。 - H2 / H3 标题用 serif 字体, 让正文与标题有视觉对比。
- 引用块使用左侧粗 accent 色边线 + 斜体。
- 代码块: 圆角 + 深色背景 + 浅色文字, 显示语言标签。
- 列表项使用自定义 bullet（小方块 / accent 圆点）。
- 章节之间用
<hr>分隔, 但样式做成中央居中的小 ornament。 - 文末加一个简单的 "如果觉得有用，欢迎转发" 行动卡片。
FAQ
Do I need to know how to code to use this?
No! You just need to write your text normally. The AI handles all the visual formatting.
Can I change the colors or fonts?
This template uses a ready-made design, focused on giving your text a magazine-like appearance. Advanced customization isn't the main focus.
What is 'Markdown'?
It's a simple way of writing text using a few symbols (like # for headings) that the AI understands to format your article.
Details
Original description by the author
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
repo: nexu-io/open-design
Popularity
- GitHub stars
- 101k
- Ranking position
- #531
- License
- Apache-2.0
- Updated
- 10/16/2026
Comments
- …
More skills from this repository
sample-plugin
Makes your agent create a metadata file for tests. It helps ensure code works correctly in different situations.
nexu-io/open-design
aster-atelier
Helps your agent create an artistic website with a classic look. It uses elegant imagery, blue skies, and serif fonts for a cinematic feel.
nexu-io/open-design
audio-jingle
Makes your agent generate audio like jingles and sound effects. It can create music and voices, saving the result as an audio file.
nexu-io/open-design
blog-post
Helps your agent write long articles or blog posts. It includes space for images, quotes, and author information.
nexu-io/open-design
Similar skills
intent-driven-development
Helps your agent turn ideas into clear, testable plans. Defines criteria to ensure changes are made correctly and safely.
affaan-m/ECC
product-capability
Guides your agent in turning product ideas into clear plans. It defines what needs to be done, the limits, and decisions before development.
affaan-m/ECC
article-writing
Writes long-form content like articles, guides, and blog posts with a unique style. It's useful when you need well-written texts with a consistent voice and credibility.
affaan-m/ECC