← ClaudeAtlas

zenn-markdownlisted

This skill should be used when the user asks about "Zenn記法", "Zenn Markdown", "メッセージブロック", "アコーディオン", "埋め込み", "Zenn特有の記法", or mentions writing Zenn articles with specific formatting needs. Provides comprehensive knowledge of Zenn-specific Markdown syntax and best practices.
atman-33/workhub · ★ 1 · Code & Development · score 77
Install: claude install-skill atman-33/workhub
# Zenn Markdown Syntax Skill ## Overview Zenn supports standard Markdown while providing unique extended syntax. This skill provides knowledge of Zenn-specific Markdown syntax to support effective article writing. ## Key Zenn-Specific Features Zenn offers the following unique features: 1. **Message Blocks** - Styled notification boxes 2. **Accordion** - Collapsible sections 3. **Code Block Extensions** - Filename display, diff highlighting 4. **Embedded Content** - Link cards, videos, SNS, code platforms 5. **Mathematical Expressions** - KaTeX support 6. **Diagrams** - mermaid.js integration 7. **Image Controls** - Size specification, captions ## Commonly Used Syntax ### Message Blocks Use to highlight supplementary information or notes for readers. **Normal message:** ```markdown :::message Supplementary information or tips here ::: ``` **Alert message:** ```markdown :::message alert Important warnings or cautions here ::: ``` ### Accordion Use to collapse long supplementary explanations or optional information. ```markdown :::details Title Content to be hidden until expanded ::: ``` ### Code Block Extensions **Filename display:** ````markdown ```javascript:src/app.js console.log('Hello, Zenn!'); ``` ```` **Diff display:** ````markdown ```diff javascript - const old = 'old value'; + const new = 'new value'; ``` ```` ### Embedded Content **Link card:** ```markdown @[card](https://example.com) ``` **YouTube video:** ```markdown @[youtube](VIDEO_ID) ``` **Tw