音楽・イラスト・動画・開発・同人誌……複数の制作を同時に進めていると、タスクや経緯が Notion・メモ帳・各リポの README に散らばりがちです。
公開用のポートフォリオも別管理になり、「あの作品いつ出したっけ」「あのコミュニティの URL は？」と探し回る、という経験はありませんか。

今回、自分が使っている 作業管理 Wiki と 公開 Gallery のテンプレートを MIT ライセンスで公開しました。どちらも GitHub で fork するだけで使い始められ、サーバー契約は不要（Gallery は GitHub Pages 無料枠）です。

Wiki テンプレ: my-atelier-vault
Gallery テンプレ: yuzushio.github.io
公開例: https://yuzushio.github.io/

裏方技術チックな話はZENNにて

こんな人向け

複数分野・複数プロジェクトを並行している
非公開の作業ログと、公開ポートフォリオを 分けつつメタデータは一元化したい
Obsidian や Cursor / VS Code Copilot / Claude Code を既に使っている（または使いたい）

2 つのテンプレの役割

層	テンプレ	何をするか
Backroom（Wiki）	my-atelier-vault	タスク・進捗ログ・プロジェクト索引。Open / Private / Closed で整理
Gallery（公開 SPA）	yuzushio.github.io	SNS・作品・同人誌・Web プロダクトを `gallery.json` で一覧

Obsidian Vault（Wiki 正本）
    │
    │  @gallery-vault-sender … gallery: true のプロジェクトを整備
    ▼
gallery.json（公開メタ）
    │
    │  GitHub Pages（無料 · HTTPS）
    ▼
https://{ユーザー名}.github.io/

Wiki に書いた summary・URL・掲載表が、Gallery のパネル説明やリンクに流れます。二重管理を避けるための設計です。

my-atelier-vault — 作業 Wiki テンプレ

my-atelier-vault は Obsidian 向けの自己作業管理 Wiki です。

主な機能

Backroom — プロジェクトごとに _index.md、タスクは tasks/ やチェックボックス
visibility — open / private / closed で公開方針を frontmatter 管理
Wiki TODO ダッシュボード — Backroom 横断の未完了 TODO をブラウザ表示（@wiki-todo-query）
朝ブリーフィング — 今日何に着手するかの提案（@morning-briefing）
Agent Skills — Cursor / VS Code Copilot / Claude Code から @wiki-setup 等でセットアップ

クイックスタート

# fork 後
git clone https://github.com/<your-account>/my-atelier-vault.git
cd my-atelier-vault

# Agent Skill（推奨）
# Cursor / Claude Code で @wiki-setup




# またはスクリプト
node .cursor/skills/wiki-setup/scripts/setup.mjs

Obsidian でリポジトリ直下を vault として開き、Obsidian Git で同期する運用を想定しています。
Obsidianの見た目はこんな感じ(シンプル)

WikiTODO ダッシュボードはこんな感じ

AGENT SKILL でのブリーフィング

Agent Skill を仕込んでいるので、「おはよう」と声をかけるとWikiの情報を読んでTODOから優先タスクを推薦してくれつつ、簡単なタスク状態のサマリーを教えてくれます。
同時にTODO ダッシュボードを最新化してブラウザを開いて見せてくれます。
カスタムすれば好きなジャンルのSNSやYoutubeを漁らせてサマリーさせたりできます。

yuzushio.github.io — Gallery テンプレ

Gallery テンプレは React + Vite の SPA です。中身は JSON と画像だけなので、UI を差し替えずにコンテンツだけ入れ替えられます。

GitHub Pages ならサーバー不要

ポイント	内容
コスト	public リポの Pages は無料
運用	`git push` がデプロイ。VPS 不要
URL	`{GitHubユーザー名}.github.io`
HTTPS	標準で有効

リポジトリ名を {ユーザー名}.github.io にリネームして fork するのが最短ルートです（README に手順あり）。

4 つのビュー

Feed — 個別コンテンツを新着順
Drill — ジャンルで絞り込み
Timeline — 年代ごと
Category — SNS / プロジェクト / 同人誌

SNS アカウントは kind: hub、個別の動画・楽曲・投稿は kind: work + parentId で親に紐づけます。

クイックスタート

git clone https://github.com/<your-account>/<your-account>.github.io.git
cd <your-account>.github.io

# @gallery-setup で meta 更新 · ビルド確認 · Pages 手順

npm install
npm run dev

public/data/gallery.json の items[] にパネルを足すだけで公開コンテンツが増えます。

Galleryの見た目はこんな感じ

Wiki と Gallery の連携

Vault 側: @gallery-vault-sender — Backroom/{slug}/_index.md に gallery: true と ## Gallery 掲載 表
Gallery 側: @gallery-vault-receiver — gallery.json にマージしてビルド

フォーク時に .cursor/skills/ ごと渡るので、エージェントに「このプロジェクトを Gallery に載せて」と頼むだけで、frontmatter ↔ JSON の対応を Skill が補完します。

なぜ公開したか

自分は音楽・イラスト・技術同人・コミュニティ運営など 領域がばらばらで、タスク管理と公開実績の整理に何度も悩みました。
Notion だけでは「非公開ログ」と「公開メタ」の境界が曖昧になり、ポートフォリオ SPA は別リポで二重入力になりがちでした。

Wiki を正本・Gallery を公開ビューに分け、Agent Skill で橋渡しする構成に落ち着いたので、同じ悩みを持つ人の土台としてテンプレ化しました。

ライセンス・利用

両リポとも MIT License
fork · 改変 · 商用利用可（著作権表示とライセンス文の保持）
作者の Gallery 例: https://yuzushio.github.io/

まとめ

やりたいこと	使うテンプレ
制作ログ・TODO を Obsidian で横断管理	my-atelier-vault
作品・SNS・同人を GitHub Pages で無料公開	yuzushio.github.io
Wiki のメタを Gallery に流す	`gallery-vault-sender` → `gallery-vault-receiver`

気になった方は fork から試してみてください。Issue や Discussion でもフィードバック歓迎です。