render-puzzle-docs
정보
이 스킬은 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-almanacgit clone https://github.com/pjt222/agent-almanac.git ~/.claude/skills/render-puzzle-docsClaude 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ファイルのレンダーエラーデバッグ
入力
- 必須: レンダリングモード(
fresh、cached、またはsingle) - 任意: 特定の.qmdファイルパス(シングルページモード用)
- 任意: ブラウザで結果を開くかどうか
手順
ステップ1: レンダリングモードの選択
| モード | コマンド | 所要時間 | 使用場面 |
|---|---|---|---|
| Fresh | bash inst/scripts/render_quarto.sh | 約5-7分 | コンテンツ変更、キャッシュが古い場合 |
| Cached | bash 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が見つからない:
.RenvironにRSTUDIO_PANDOCが設定されているか確認する - 長いレンダリング時間: freshレンダリングは5-7分かかる(R実行を伴う14ページ)。反復中はcachedモードを使用する
- コードチャンクラベル: すべてのRコードチャンクにクリーンなレンダリングのための
#| label:が必要
関連スキル
generate-puzzle— ドキュメントで参照されるパズル出力を生成するrun-puzzle-tests— ドキュメント内のコード例が正しいことを確認するcreate-quarto-report— 一般的なQuartoドキュメント作成
GitHub 저장소
연관 스킬
executing-plans
디자인executing-plans 스킬은 검토 체크포인트가 포함된 통제된 배치로 실행할 완전한 구현 계획이 있을 때 사용합니다. 이 스킬은 계획을 불러와 비판적으로 검토한 후, 소규모 배치(기본값 3개 작업)로 작업을 실행하면서 각 배치 사이에 진행 상황을 아키텍트 검토를 위해 보고합니다. 이를 통해 내재된 품질 관리 체크포인트를 갖춘 체계적인 구현이 보장됩니다.
requesting-code-review
디자인이 스킬은 코드 변경 사항을 요구 사항에 따라 분석하기 위해 코드 리뷰어 하위 에이전트를 호출합니다. 작업 완료 후, 주요 기능 구현 후, 또는 메인 브랜치에 병합하기 전에 사용해야 합니다. 이 리뷰는 현재 구현체와 원래 계획을 비교하여 문제를 조기에 발견하는 데 도움이 됩니다.
connect-mcp-server
디자인이 스킬은 개발자들이 HTTP, stdio 또는 SSE 전송 방식을 통해 MCP 서버를 Claude Code에 연결하는 포괄적인 가이드를 제공합니다. GitHub, Notion 및 사용자 정의 API와 같은 외부 서비스를 통합하기 위한 설치, 구성, 인증 및 보안을 다룹니다. MCP 통합 설정, 외부 도구 구성 또는 Claude의 모델 컨텍스트 프로토콜 작업 시 활용하세요.
web-cli-teleport
디자인이 스킬은 작업 분석을 기반으로 개발자가 Claude Code 웹 인터페이스와 CLI 인터페이스 중 선택할 수 있도록 돕고, 두 환경 간 원활한 세션 텔레포트를 가능하게 합니다. 웹, CLI 또는 모바일 환경 전환 시 세션 상태와 컨텍스트를 관리하여 워크플로를 최적화합니다. 다양한 단계에서 서로 다른 도구가 필요한 복잡한 프로젝트에 사용하세요.
