{"id":"49560bd3-fcd0-40df-9c50-1995db5e4c6a","shortId":"KNLggw","kind":"skill","title":"article-magazine","tagline":"Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.","description":"【模板: 杂志文章】\n- 顶部 hero: 大标题 (text-5xl/6xl) + 可选副标题 + 作者 / 阅读时间 / 日期元数据。\n- 正文: 单栏, 最大宽度约 700px, 居中。段落 `text-lg leading-relaxed text-neutral-700 dark:text-neutral-300`。\n- H2 / H3 标题用 serif 字体, 让正文与标题有视觉对比。\n- 引用块使用左侧粗 accent 色边线 + 斜体。\n- 代码块: 圆角 + 深色背景 + 浅色文字, 显示语言标签。\n- 列表项使用自定义 bullet（小方块 / accent 圆点）。\n- 章节之间用 `<hr>` 分隔, 但样式做成中央居中的小 ornament。\n- 文末加一个简单的 \"如果觉得有用，欢迎转发\" 行动卡片。","tags":["article","magazine","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design"],"capabilities":["skill","source-nexu-io","skill-article-magazine","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/article-magazine","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 44905 github stars · SKILL.md body (370 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T18:50:09.878Z","embedding":null,"createdAt":"2026-05-15T12:50:25.153Z","updatedAt":"2026-05-18T18:50:09.878Z","lastSeenAt":"2026-05-18T18:50:09.878Z","tsv":"'/6xl':34 '300':59 '5xl':33 '700':54 '700px':42 'accent':67,78 'articl':2,11 'article-magazin':1 'bullet':76 'dark':55 'essay':25 'form':23 'h2':60 'h3':61 'hero':29 'html':8,24 'huashu':4,6 'huashu-md-html-inspir':5 'inspir':9 'layout':12 'lead':49 'leading-relax':48 'lg':47 'long':22 'long-form':21 'magazin':3,10 'markdown':15 'md':7 'neutral':53,58 'note':17 'ornament':83 'polish':20 'relax':50 'serif':63 'skill' 'skill-article-magazine' 'source-nexu-io' 'text':32,46,52,57 'text-5xl':31 'text-lg':45 'text-neutr':51,56 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'turn':14 '代码块':70 '但样式做成中央居中的小':82 '作者':36 '分隔':81 '列表项使用自定义':75 '单栏':40 '可选副标题':35 '圆点':79 '圆角':71 '大标题':30 '如果觉得有用':85 '字体':64 '小方块':77 '居中':43 '引用块使用左侧粗':66 '文末加一个简单的':84 '斜体':69 '日期元数据':38 '显示语言标签':74 '最大宽度约':41 '杂志文章':27 '标题用':62 '模板':26 '欢迎转发':86 '正文':39 '段落':44 '浅色文字':73 '深色背景':72 '章节之间用':80 '色边线':68 '行动卡片':87 '让正文与标题有视觉对比':65 '阅读时间':37 '顶部':28","prices":[{"id":"f17df72c-dfa3-415c-b859-357d83bba1fa","listingId":"49560bd3-fcd0-40df-9c50-1995db5e4c6a","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-15T12:50:25.153Z"}],"sources":[{"listingId":"49560bd3-fcd0-40df-9c50-1995db5e4c6a","source":"github","sourceId":"nexu-io/open-design/article-magazine","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/article-magazine","isPrimary":false,"firstSeenAt":"2026-05-15T12:50:25.153Z","lastSeenAt":"2026-05-18T18:50:09.878Z"}],"details":{"listingId":"49560bd3-fcd0-40df-9c50-1995db5e4c6a","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"article-magazine","github":{"repo":"nexu-io/open-design","stars":44905,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-18T18:43:11Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"341528cd40add8eb8d3accfe37366181b80f07ff","skill_md_path":"skills/article-magazine/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/article-magazine"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"article-magazine","description":"Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/article-magazine"},"updatedAt":"2026-05-18T18:50:09.878Z"}}