zenn-markdownlisted
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