Collections Explore

Find the right AI skills faster.

Apiara © 2026

article-magazine | Apiara Skills

Home/Explore/article-magazine

Skill

nexu-io/open-design53.6k

article-magazine

Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.

Copy install command View source

Quick install

Copy first, validate next

$npx clawhub@latest install article-magazine

Download SKILL.md or inspect the source before installing.

Step 1

Copy the install command

Copy the command or download SKILL.md, then add it to your AI coding environment.

Step 2

Check source and behavior

Open the source repo and confirm the skill behavior, scope, and fit for the task.

Step 3

Overview

【模板: 杂志文章】

顶部 hero: 大标题 (text-5xl/6xl) + 可选副标题 + 作者 / 阅读时间 / 日期元数据。
正文: 单栏, 最大宽度约 700px, 居中。段落 `text-lg leading-relaxed text-neutral-700 dark:text-neutral-300`。
H2 / H3 标题用 serif 字体, 让正文与标题有视觉对比。
引用块使用左侧粗 accent 色边线 + 斜体。
代码块: 圆角 + 深色背景 + 浅色文字, 显示语言标签。
列表项使用自定义 bullet（小方块 / accent 圆点）。
章节之间用 `<hr>` 分隔, 但样式做成中央居中的小 ornament。
文末加一个简单的 "如果觉得有用，欢迎转发" 行动卡片。

Before installing

Confirm the source repository.

Validate with a small task first.

Keep only skills that enter your workflow.

Validate with a real task

Run one small real task before keeping it in your long-term workflow.

Skill Info

Namearticle-magazine

Reponexu-io/open-design

Stars53.6k

Related Skills

8-bit-orbit-video-template

Hyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composition with advanced transitions, interactive preview controls, and ready-to-render default style.

Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.

after-hours-editorial-template

Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter spreads. Use when the user asks for premium fashion-style motion pages, moody serif-led storytelling, or a high-end dark presentation aesthetic with rich transitions.

Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking buttons, taking screenshots, extracting page data, testing web apps, dogfooding Open Design previews, QA, bug hunts, or reviewing app quality. Prefer local Open Design preview URLs unless the user explicitly asks for external browsing.

Browse skill packs

If you are not sure what to pair with it, start from a workflow collection.

Read the install guide

Understand install, validation, and troubleshooting before adding more skills.

Explore more skills

Return to the community skill list and search adjacent capabilities.