vitepress
ViteとVueを基盤としたVitePressの静的サイトジェネレーター。ドキュメントサイトの構築、テーマの設定、またはVueコンポーネントを組み込んだMarkdownの記述を行う際に使用します。
description の原文を見る
VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.
SKILL.md 本文
VitePress は Vite と Vue 3 の上に構築された静的サイトジェネレータ (SSG) です。Markdown コンテンツを取り込み、テーマを適用し、高速なナビゲーションを実現する SPA になる静的 HTML を生成します。ドキュメント、ブログ、マーケティングサイトに最適です。
主な特徴:
.mdファイルによるファイルベースのルーティング- Vue コンポーネントが Markdown 内で直接動作
- 高速 HMR で瞬時に更新 (<100ms)
- ドキュメント向けに最適化されたデフォルトテーマ
- 組み込み検索 (ローカルまたは Algolia)
VitePress プロジェクトで作業する前に:
.vitepress/config.tsでサイト設定を確認.vitepress/theme/でカスタムテーマの拡張を確認public/ディレクトリには静的アセットが含まれており、そのまま提供されます
このスキルは VitePress 1.x に基づいており、2026-01-28 に生成されました。
Core
| トピック | 説明 | リファレンス |
|---|---|---|
| Configuration | 設定ファイルのセットアップ、defineConfig、サイトメタデータ | core-config |
| CLI | コマンドラインインターフェース: dev、build、preview、init | core-cli |
| Routing | ファイルベースのルーティング、ソースディレクトリ、リライト | core-routing |
| Markdown | Frontmatter、コンテナ、テーブル、アンカー、インクルード | core-markdown |
Features
Code & Content
| トピック | 説明 | リファレンス |
|---|---|---|
| Code Blocks | シンタックスハイライト、行ハイライト、diff、フォーカス | features-code-blocks |
| Vue in Markdown | コンポーネント、script setup、ディレクティブ、テンプレート | features-vue |
| Data Loading | ビルド時データローダー、createContentLoader | features-data-loading |
| Dynamic Routes | データからページを生成、paths ローダーファイル | features-dynamic-routes |
Theme
| トピック | 説明 | リファレンス |
|---|---|---|
| Theme Config | ナビゲーション、サイドバー、検索、ソーシャルリンク、フッター | theme-config |
| Customization | CSS 変数、スロット、フォント、グローバルコンポーネント | theme-customization |
| Custom Theme | ゼロからテーマを構築、テーマインターフェース | theme-custom |
Advanced
| トピック | 説明 | リファレンス |
|---|---|---|
| Internationalization | 多言語サイト、ロケール設定 | advanced-i18n |
| SSR Compatibility | サーバーサイドレンダリング、ClientOnly、動的インポート | advanced-ssr |
Recipes
| トピック | 説明 | リファレンス |
|---|---|---|
| Deployment | GitHub Pages、Netlify、Vercel、Cloudflare、Nginx | recipes-deploy |
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- antfu
- リポジトリ
- antfu/skills
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/antfu/skills / ライセンス: MIT
関連スキル
nature-response
Nature系ジャーナルの原稿修正に対する査読者への回答文について、下書き、チェック、または修正を行うことができます。査読者からのコメント、編集者の決定文、修正指示、回答案の作成、または大幅修正・軽微修正の対応方法に関するご相談があれば、対応いたします。査読報告書や回答文作成のサポートが必要な場合にご利用ください。
microsoft-docs
公式のMicrosoft文書を参照して、Azure、.NET、Agent Framework、Aspire、VS Code、GitHubなど様々な分野の概念、チュートリアル、コード例を検索します。デフォルトではMicrosoft Learn MCPを使用し、learn.microsoft.com外のコンテンツについてはContext7およびAspire MCPを使用します。
API Documentation Lookup
このスキルは、ユーザーが「Effect APIを調べる」「Effectドキュメントを確認する」「Effect関数のシグネチャを探す」「Effect.Xは何をするのか」「Effect.Xの使い方」「Effect APIリファレンス」「Effectドキュメントを取得する」といった質問をした場合や、公式のEffect-TS APIドキュメントから特定の関数シグネチャ、パラメータ、使用例を調べる必要がある場合に使用します。
knowledge-base
このスキルは、ヘルプセンターのアーキテクチャ設計、サポート記事の執筆、検索とセルフサービスの最適化が必要な場合に活用できます。ナレッジベース、ヘルプセンター、サポート記事、セルフサービス、記事テンプレート、検索最適化、コンテンツ分類、ヘルプドキュメントの設計・管理に関するあらゆるタスクで動作します。
markdown
GitHub Flavored Markdown標準に従ったMarkdownファイルのフォーマットと検証ができます。自動的なlinting処理と手動による意味的なレビューを組み合わせることで、ファイルの品質を確保します。
claude-md-enhancer
CLAUDE.mdファイルをプロジェクトタイプに合わせて分析・生成・改善します。ベストプラクティス、モジュール設計対応、技術スタックのカスタマイズに対応しています。新規プロジェクトの立ち上げ、既存のCLAUDE.mdファイルの改善、またはAI支援開発の標準化を図る際にご活用ください。