markdown-documentation について
標準 Markdown と GitHub Flavored Markdown で読みやすいドキュメントを作成するスキルです。README、ガイド、Wiki などを書くテクニカルライターやプロジェクトメンテナーを対象としています。
主な機能
- 01Markdown のテキストとリストの書式
- 02リンク、画像、コードブロック
- 03表と拡張 GFM 構文
- 04アラート、コールアウト、Mermaid 図
活用シーン
- 01プロジェクト README の作成
- 02技術ドキュメントの整形
- 03GitHub または GitLab Wiki の作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ aj-geddes/ useful-ai-prompts --skill markdown-documentationインストール後、Claude Code で/markdown-documentationを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/alerts-and-callouts.mdcollapsible-sections.mdextended-syntax-github-flavored-markdown.mdlinks-and-images.mdlists.mdmermaid-diagrams.mdtext-formatting.mdtemplates/doc-template.md詳細
Markdown ドキュメント
目次
概要
標準の Markdown と GitHub Flavored Markdown(GFM)を使用して、適切に書式設定された読みやすいドキュメントを作成するための Markdown 構文とベストプラクティスを習得します。
使用する場面
- README ファイル
- ドキュメントページ
- GitHub/GitLab の Wiki
- ブログ記事
- 技術文書
- プロジェクトドキュメント
- コメントの書式設定
クイックスタート
- コメントの書式設定
# H1 Header
## H2 Header
### H3 Header
#### H4 Header
##### H5 Header
###### H6 Header
# Alternative H1
## Alternative H2
リファレンスガイド
references/ ディレクトリにある詳細な実装ガイド:
| ガイド | 内容 |
|---|---|
| テキストの書式設定 | テキストの書式設定 |
| リスト | リスト |
| リンクと画像 | リンクと画像、コードブロック、表 |
| 拡張構文(GitHub Flavored Markdown) | 拡張構文(GitHub Flavored Markdown) |
| 折りたたみ可能なセクション | 折りたたみ可能なセクション、構文のハイライト、バッジ |
| アラートとコールアウト | アラートとコールアウト |
| Mermaid 図 | Mermaid 図 |
ベストプラクティス
✅ 推奨事項
- 内容がわかるリンクテキストを使用する
- 長いドキュメントには目次を含める
- 画像に代替テキストを追加する
- 言語を指定したコードブロックを使用する
- 1 行を 80〜100 文字以内に収める
- 内部ドキュメントには相対リンクを使用する
- ビルドステータスやカバレッジなどのバッジを追加する
- 例やスクリーンショットを含める
- 意味が伝わる改行を使用する
- すべてのリンクを定期的にテストする
❌ 避けるべきこと
- リンクテキストに「ここをクリック」を使用する
- 画像の代替テキストを忘れる
- HTML と Markdown を不必要に混在させる
- ローカルファイルに絶対パスを使用する
- 改行を入れずにテキストを詰め込む
- コードブロックで言語指定を省略する
- テキストコンテンツに画像を使用する(アクセシビリティ上の問題)
コメント
Markdown 対応