docs-page について
API やチュートリアルの単一ページ型ドキュメントを設計するスキルです。長文の読みやすさを重視し、固定ナビゲーションとスクロール連動目次に、検索・バージョン・テーマ切り替えを備えたトップバーを組み合わせます。
主な機能
- 01固定セクションナビゲーション
- 02コード・コールアウト・表を含む本文
- 03スクロール連動の目次
- 04トップバーの検索とバージョン表示
- 05テーマ切り替え
活用シーン
- 01API リファレンスページの設計
- 02目次付き技術チュートリアルの作成
- 03長文ドキュメントへのナビゲーションと検索の追加
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/docs-pageを入力して読み込まれたか確認します。
同梱ファイルexample.html
README（原文）English
プロジェクトの README よりこの README の日本語訳はまだありません。以下は英語の原文です。日本語の紹介はページ上部をご覧ください。
【模板: 技术文档页】 【意图】API / 教程文档单页, 长读体验优先。 【布局】
- Inline-start nav (sections + sticky)
- Article body (含代码块, callouts, 表格)
- Inline-end TOC (sticky, scroll-spy)
- 顶栏 search + version + 主题切换 【设计细节】
- 代码块: 圆角 + dark + 语言标签 + 复制按钮
- callout: info / warn / danger 三色
コメント
Markdown 対応