スキル一覧に戻る

render-puzzle-docs

pjt222
更新日 2 days ago
6 閲覧
17
2
17
GitHubで表示
デザインgeneral

について

このスキルは、jigsawRのQuartoドキュメントサイトをGitHub Pages用にレンダリングし、キャッシュをクリアした新規ビルド、高速なキャッシュ付きビルド、および単一ページレンダリングをサポートします。コンテンツ変更後のサイト全体のビルド、反復編集中の単一ページプレビュー、リリースやPR用のドキュメント準備に使用されます。このスキルは、バンドルされたレンダースクリプトを使用するか、WSLから直接quarto.exeを呼び出すことができます。

クイックインストール

Claude Code

推奨
メイン
npx skills add pjt222/agent-almanac -a claude-code
プラグインコマンド代替
/plugin add https://github.com/pjt222/agent-almanac
Git クローン代替
git clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/render-puzzle-docs

このコマンドをClaude Codeにコピー&ペーストしてスキルをインストールします

ドキュメント


name: render-puzzle-docs description: > jigsawRのQuartoドキュメントサイトをGitHub Pages用にレンダリングする。 フレッシュレンダリング(キャッシュクリア)、キャッシュレンダリング(高速)、 シングルページレンダリングをサポート。バンドルされたレンダースクリプトまたは WSLからの直接quarto.exe呼び出しを使用する。コンテンツ変更後のフルサイト ビルド、反復編集中のシングルページレンダリング、リリースやPR向けの ドキュメント準備、Quarto .qmdファイルのレンダーエラーデバッグに使用する。 license: MIT allowed-tools: Read Write Edit Bash Grep Glob metadata: author: Philipp Thoss version: "1.0" domain: jigsawr complexity: basic language: R tags: jigsawr, quarto, documentation, github-pages, rendering locale: ja source_locale: en source_commit: 6f65f316 translator: claude-sonnet-4-6 translation_date: 2026-03-16

パズルドキュメントのレンダリング

jigsawRのQuartoドキュメントサイトをレンダリングする。

使用タイミング

  • コンテンツ変更後のフルドキュメントサイトビルド
  • 反復編集中のシングルページレンダリング
  • リリースやPR向けのドキュメント準備
  • Quarto .qmdファイルのレンダーエラーデバッグ

入力

  • 必須: レンダリングモード(freshcached、またはsingle
  • 任意: 特定の.qmdファイルパス(シングルページモード用)
  • 任意: ブラウザで結果を開くかどうか

手順

ステップ1: レンダリングモードの選択

モードコマンド所要時間使用場面
Freshbash inst/scripts/render_quarto.sh約5-7分コンテンツ変更、キャッシュが古い場合
Cachedbash inst/scripts/render_quarto.sh --cached約1-2分軽微な編集、キャッシュが有効な場合
Single直接quarto.exe約30秒1ページの反復作業

期待結果: 現在の状況に基づいてレンダリングモードが選択される:コンテンツ変更や古いキャッシュにはfresh、軽微な編集にはcached、1ページの反復にはsingle。

失敗時: キャッシュが古いかどうか不明な場合は、freshレンダリングをデフォルトにする。時間はかかるが正しい出力が保証される。

ステップ2: レンダリングの実行

フレッシュレンダリング_freeze_siteをクリアし、すべてのRコードを再実行):

cd /mnt/d/dev/p/jigsawR && bash inst/scripts/render_quarto.sh

キャッシュレンダリング(既存の_freezeファイルを使用):

cd /mnt/d/dev/p/jigsawR && bash inst/scripts/render_quarto.sh --cached

シングルページ(1つの.qmdファイルを直接レンダリング):

QUARTO_EXE="/mnt/c/Program Files/RStudio/resources/app/bin/quarto/bin/quarto.exe"
"$QUARTO_EXE" render quarto/getting-started.qmd

期待結果: レンダリングがエラーなく完了する。出力はquarto/_site/に格納される。

失敗時:

  • .qmdチャンクのRコードエラーを確認する(#| label:マーカーを探す)
  • pandocがRSTUDIO_PANDOC環境変数経由で利用可能か確認する
  • キャッシュをクリアしてみる:rm -rf quarto/_freeze quarto/_site
  • .qmdファイルで使用されるすべてのRパッケージがインストールされているか確認する

ステップ3: 出力の検証

ls -la /mnt/d/dev/p/jigsawR/quarto/_site/index.html

サイト構造を確認する:

  • quarto/_site/index.htmlが存在する
  • ナビゲーションリンクが正しく解決される
  • 画像とSVGファイルが正しくレンダリングされる

期待結果: index.htmlが存在し空でない。ナビゲーションリンクが解決され、画像/SVGがブラウザで正しくレンダリングされる。

失敗時: index.htmlが見つからない場合、レンダリングがサイレントに失敗した可能性がある。詳細出力で再実行し、.qmdチャンクのRコードエラーを確認する。一部のページのみ欠落している場合、それらの.qmdファイルが_quarto.ymlにリストされているか確認する。

ステップ4: プレビュー(任意)

Windowsブラウザで開く:

cmd.exe /c start "" "D:\\dev\\p\\jigsawR\\quarto\\_site\\index.html"

期待結果: ドキュメントサイトがWindowsのデフォルトブラウザで目視検査のために開く。

失敗時: WSLからcmd.exe /c startコマンドが失敗する場合、代わりにexplorer.exe "D:\\dev\\p\\jigsawR\\quarto\\_site\\index.html"を試す。または、ブラウザでファイルに手動でナビゲートする。

バリデーション

  • quarto/_site/index.htmlが存在し空でない
  • コンソール出力にレンダーエラーがない
  • すべてのRコードチャンクが正常に実行された(エラーメッセージを確認)
  • ページ間のナビゲーションが機能する
  • すべての.qmdファイルがコードチャンクにクリーンな出力のための#| label:を持つ

よくある落とし穴

  • 古いフリーズキャッシュ: Rコードが変更された場合、_freezeファイルを再生成するためにfreshレンダリングを使用する
  • 不足しているRパッケージ: Quarto .qmdファイルがrenvにないパッケージを使用している場合がある。先にインストールする
  • pandocが見つからない: .RenvironRSTUDIO_PANDOCが設定されているか確認する
  • 長いレンダリング時間: freshレンダリングは5-7分かかる(R実行を伴う14ページ)。反復中はcachedモードを使用する
  • コードチャンクラベル: すべてのRコードチャンクにクリーンなレンダリングのための#| label:が必要

関連スキル

  • generate-puzzle — ドキュメントで参照されるパズル出力を生成する
  • run-puzzle-tests — ドキュメント内のコード例が正しいことを確認する
  • create-quarto-report — 一般的なQuartoドキュメント作成

GitHub リポジトリ

pjt222/agent-almanac
パス: i18n/ja/skills/render-puzzle-docs
0
agentsagentskillsai-assisted-developmentclaude-codeskillsteams

関連スキル

executing-plans

デザイン

executing-plansスキルは、完全な実装計画があり、それを管理されたバッチでレビューチェックポイントを設けながら実行する場合に使用します。このスキルは計画を読み込んで批判的にレビューした後、小さなバッチ(デフォルトは3タスク)でタスクを実行し、各バッチの間に進捗状況を報告してアーキテクトのレビューを受けます。これにより、品質管理チェックポイントが組み込まれた体系的な実装が保証されます。

スキルを見る

requesting-code-review

デザイン

このスキルは、コードレビュアーサブエージェントを起動し、処理を進める前に要件に対してコード変更を分析します。タスク完了後、主要な機能の実装後、またはmainブランチへのマージ前などに使用すべきです。このレビューは、現在の実装と元の計画を比較することで、問題を早期に発見するのに役立ちます。

スキルを見る

connect-mcp-server

デザイン

このスキルは、開発者がHTTP、stdio、またはSSEトランスポートを使用してMCPサーバーをClaude Codeに接続するための包括的なガイドを提供します。GitHub、Notion、カスタムAPIなどの外部サービスを統合するためのインストール、設定、認証、セキュリティについて解説しています。MCP統合のセットアップ、外部ツールの設定、またはClaudeのModel Context Protocolを扱う際にご利用ください。

スキルを見る

web-cli-teleport

デザイン

このスキルは、タスク分析に基づいて開発者がClaude Code WebとCLIインターフェースの選択を支援し、これらの環境間でのシームレスなセッションテレポーテーションを可能にします。Web、CLI、モバイル環境を切り替える際のセッション状態とコンテキストを管理することで、ワークフローを最適化します。様々な段階で異なるツールを必要とする複雑なプロジェクトにご活用ください。

スキルを見る