jpskill.com
✍️ ライティング コミュニティ

docs-creator

Fumadocsを使って、新しいドキュメントページを作成したり、既存のドキュメントを整理したりすることで、公開ドキュメントの作成と管理を効率的に行うSkill。

📜 元の英語説明(参考)

Create and organize public documentation pages using Fumadocs. Use when building new documentation pages or organizing existing ones.

🇯🇵 日本人クリエイター向け解説

一言でいうと

Fumadocsを使って、新しいドキュメントページを作成したり、既存のドキュメントを整理したりすることで、公開ドキュメントの作成と管理を効率的に行うSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux 
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o docs-creator.zip https://jpskill.com/download/16904.zip && unzip -o docs-creator.zip && rm docs-creator.zip
🪟 Windows (PowerShell) 
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/16904.zip -OutFile "$d\docs-creator.zip"; Expand-Archive "$d\docs-creator.zip" -DestinationPath $d -Force; ri "$d\docs-creator.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して docs-creator.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → docs-creator フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動
⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-18
取得日時
2026-05-18
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

ドキュメント作成スキル

このスキルは、src/content/docs に公開ドキュメントを作成するのに役立ちます。システムは Fumadocs によって動作し、MDX、自動ルーティング、および Lucide アイコンをサポートしています。

コアコンセプト

1. ファイル構造

  • ルート: src/content/docs/
  • ページ: .mdx ファイルはページになります (例: getting-started.mdx -> /docs/getting-started)。
  • ネスト: フォルダは URL セグメントを作成します (例: api/auth.mdx -> /docs/api/auth)。
  • 画像: 自動 OG 画像生成が有効になっています。

2. Frontmatter

すべての .mdx ファイルは frontmatter を持つ必要があります。

---
title: Page Title
description: A short description for SEO and search
icon: Box # Lucide icon name
---

3. フォルダ構成 (meta.json)

サイドバーの順序、グループタイトル、およびアイコンを制御するには、任意のディレクトリに meta.json を配置します。

{
  "title": "Section Name",
  "icon": "Settings",
  "pages": [
    "index",           // Matches index.mdx
    "getting-started", // Matches getting-started.mdx
    "---Separator---", // Adds a visual separator
    "advanced"         // Matches advanced/ folder or file
  ],
  "defaultOpen": true
}

特徴

  • Lucide Icons: frontmatter で任意の Lucide icon name icon: Name を使用します。
  • コンポーネント: すべての標準 MDX コンポーネント + Fumadocs UI コンポーネント (Callout, Cards, Tabs) が利用可能です。
  • 相対リンク: [Link](./other-page) は正しく動作します。
  • サイトマップ: 自動的に生成されます。

例

基本的なページ (src/content/docs/introduction.mdx)

---
title: Introduction
description: Getting started with our platform
icon: BookOpen
---

# Welcome

This is the introduction page.

## Next Steps
- [Installation](./installation)
- [Configuration](./config)

フォルダメタデータ (src/content/docs/api/meta.json)

{
  "title": "API Reference",
  "icon": "Webhook",
  "root": true, 
  "pages": ["introduction", "endpoints", "authentication"]
}

注: "root": true は、ルートレベルのフォルダを使用している場合、このフォルダをサイドバーの別のタブにします。

📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Documentation Creator Skill

This skill helps you build public-facing documentation in src/content/docs. The system is powered by Fumadocs and supports MDX, automatic routing, and Lucide icons.

Core Concepts

1. File Structure

  • Root: src/content/docs/
  • Pages: .mdx files become pages (e.g., getting-started.mdx -> /docs/getting-started).
  • Nested: Folders create URL segments (e.g., api/auth.mdx -> /docs/api/auth).
  • Images: Automatic OG image generation is enabled.

2. Frontmatter

Every .mdx file should have frontmatter:

---
title: Page Title
description: A short description for SEO and search
icon: Box # Lucide icon name
---

3. Folder Organization (meta.json)

Control sidebar order, group titles, and icons by placing a meta.json in any directory.

{
  "title": "Section Name",
  "icon": "Settings",
  "pages": [
    "index",           // Matches index.mdx
    "getting-started", // Matches getting-started.mdx
    "---Separator---", // Adds a visual separator
    "advanced"         // Matches advanced/ folder or file
  ],
  "defaultOpen": true
}

Features

  • Lucide Icons: Use any Lucide icon name in frontmatter icon: Name.
  • Components: All standard MDX components + Fumadocs UI components (Callout, Cards, Tabs) are available.
  • Relative Links: [Link](./other-page) works correctly.
  • Sitemap: Automatically generated.

Examples

Basic Page (src/content/docs/introduction.mdx)

---
title: Introduction
description: Getting started with our platform
icon: BookOpen
---

# Welcome

This is the introduction page.

## Next Steps
- [Installation](./installation)
- [Configuration](./config)

Folder Metadata (src/content/docs/api/meta.json)

{
  "title": "API Reference",
  "icon": "Webhook",
  "root": true, 
  "pages": ["introduction", "endpoints", "authentication"]
}

Note: "root": true makes this folder a separate tab in the sidebar if using root-level folders.