yn1323
diff --git a/‎.claude/settings.json‎
Lines changed: 56 additions & 2 deletions b/‎.claude/settings.json‎
Lines changed: 56 additions & 2 deletions
diff --git a/‎.claude/skills/commit/SKILL.md‎
Lines changed: 90 additions & 0 deletions b/‎.claude/skills/commit/SKILL.md‎
Lines changed: 90 additions & 0 deletions
diff --git a/‎.claude/skills/create-pr/SKILL.md‎
Lines changed: 0 additions & 86 deletions b/‎.claude/skills/create-pr/SKILL.md‎
Lines changed: 0 additions & 86 deletions
diff --git a/‎.claude/skills/design-prompt/SKILL.md‎
Lines changed: 112 additions & 0 deletions b/‎.claude/skills/design-prompt/SKILL.md‎
Lines changed: 112 additions & 0 deletions
@@ -25,8 +25,62 @@
   },
  "permissions": {
     "allow": [
-      "Bash(pnpm *)",
-      "WebSearch"
+    "Bash(git:*)",
+      "Bash(pnpm:*)",
+      "Bash(npx:*)",
+      "Bash(node:*)",
+      "Bash(npm:*)",
+      "Bash(tsc:*)",
+      "Bash(eslint:*)",
+      "Bash(vitest:*)",
+      "Bash(vite:*)",
+      "Bash(tsx:*)",
+      "Bash(claude:*)",
+      "Bash(cat:*)",
+      "Bash(ls:*)",
+      "Bash(find:*)",
+      "Bash(grep:*)",
+      "Bash(rg:*)",
+      "Bash(head:*)",
+      "Bash(tail:*)",
+      "Bash(wc:*)",
+      "Bash(sort:*)",
+      "Bash(uniq:*)",
+      "Bash(mkdir:*)",
+      "Bash(cp:*)",
+      "Bash(mv:*)",
+      "Bash(touch:*)",
+      "Bash(echo:*)",
+      "Bash(pwd)",
+      "Bash(which:*)",
+      "Bash(dirname:*)",
+      "Bash(basename:*)",
+      "Bash(realpath:*)",
+      "Bash(diff:*)",
+      "Bash(sed:*)",
+      "Bash(awk:*)",
+      "Bash(xargs:*)",
+      "Bash(curl:*)",
+      "Bash(jq:*)",
+      "Bash(gh:*)",
+      "Bash(sqlite3:*)",
+      "Bash(kill:*)",
+      "Bash(lsof:*)",
+      "Bash(ps:*)",
+      "Bash(env:*)",
+      "Bash(printenv:*)",
+      "Bash(true)",
+      "Bash(false)",
+      "Bash(test:*)",
+      "Read",
+      "Edit",
+      "Write",
+      "Glob",
+      "Grep",
+      "WebFetch",
+      "WebSearch",
+      "TodoWrite",
+      "Agent"
     ],
     "deny": [],
     "ask": []
 
@@ -0,0 +1,90 @@
+---
+name: commit
+description: 変更を論理単位で分析し、自動で複数コミットに分割して作成する。「コミットして」「/commit」などのトリガーで発動。
+---
+
+# Auto-Commit
+
+現在の変更（staged + unstaged + untracked）を分析し、論理単位ごとに分割して自動コミットする。
+
+## ワークフロー
+
+### 1. 品質チェック
+
+```bash
+pnpm lint
+pnpm type-check
+```
+
+失敗したら修正してから再実行。自動修正可能な場合は `pnpm format` で修正。
+
+### 2. 変更の収集
+
+```bash
+git status          # -uall禁止
+git diff            # unstaged
+git diff --cached   # staged
+```
+
+変更なしなら「コミットする変更がありません」と報告して終了。
+
+### 3. 除外ファイル（絶対にコミットしない）
+
+- `.env*` / credentials / secrets系
+
+これらが変更に含まれる場合は `git checkout` で戻すか、ステージングから除外する。
+
+### 4. 論理グループへの分割
+
+**同一グループにすべきもの:**
+- Convex schema変更 + 関連する queries/mutations/policies
+- コンポーネント + そのStory (.stories.tsx)
+- routes/ + pages/ + features/ が同一機能に属する場合
+- テストファイル + テスト対象ファイル
+- 同一ドメイン（Shop, Shift, Staff等）の一連の変更
+
+**分離すべきもの:**
+- feat vs fix vs refactor vs chore（種類が異なる変更）
+- 無関係なドメインの変更
+- ドキュメントのみの変更
+- 依存関係の更新
+
+**判断基準:** 「このコミットを revert したとき、意味のある単位で元に戻るか？」
+
+### 5. コミット作成
+
+各グループについて順番に：
+
+1. `git add <対象ファイル>` で個別にステージング（`git add .` / `git add -A` 禁止）
+2. HEREDOCでコミットメッセージを渡す:
+
+```bash
+git commit -m "$(cat <<'EOF'
+<type>: <日本語の簡潔な説明>
+
+Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
+EOF
+)"
+```
+
+### 6. 完了報告
+
+作成したコミット一覧を `git log --oneline` で表示。
+
+## コミットメッセージ
+
+- **type**: feat / fix / refactor / chore / docs / test
+- **説明**: 「何が変わるか」を日本語で簡潔に
+- scope括弧なし（プロジェクト慣習）
+- PR番号なし（PRマージ時に付与）
+
+例:
+- `feat: スタッフ用シフト提出ページの追加`
+- `fix: シフト一覧の日付ソートが逆順になる問題を修正`
+- `refactor: ShiftFormの状態管理をJotaiに移行`
+
+## 禁止事項
+
+- `git add -i` / `git rebase -i` など対話的コマンド
+- `--amend`（失敗時は新規コミット）
+- `--no-verify`（フック省略禁止）
@@ -0,0 +1,112 @@
+---
+name: design-prompt
+description: pencil.dev向けのデザインプロンプトを生成するスキル。画面の要件・機能仕様を整理し、デザインツールに投げるための構造化されたプロンプトを日本語で出力する。「デザイン依頼」「デザインプロンプト作って」「pencilに投げたい」「画面デザイン作りたい」「UIデザインのプロンプト」などのトリガーで発動。新しい画面を作るとき、既存画面を改善するとき、デザイナーに要件を伝えるときにも使える。
+---
+
+# Design Prompt Generator for pencil.dev
+
+pencil.devに投げるための構造化されたデザインプロンプトを生成する。
+ユーザーの口頭説明・既存コード・仕様ドキュメントからインプットを収集し、pencil.devが理解しやすい形式で出力する。
+
+## ワークフロー
+
+### Step 1: インプットの収集
+
+以下の3つのソースから情報を集める。すべて揃う必要はなく、利用可能なものを使う。
+
+1. **ユーザーの説明**: どんな画面か、何ができるか、誰が使うか
+2. **既存コード**: 関連するコンポーネントがあれば読んで、要素・状態・インタラクションを抽出する
+3. **仕様ドキュメント**: `doc/features/` 配下に関連するドキュメントがあれば読む
+
+情報が足りない場合は、1つずつ質問して補完する。特に以下は必ず確認する：
+- **画面の目的**: この画面で何を達成するのか
+- **対象デバイス**: PC / SP / 両方
+- **ユーザー像**: 誰が使うのか（ITリテラシーの想定含む）
+
+### Step 2: デザイントークンの取得
+
+`doc/design/INDEX.md` を読み、利用可能なデザイントークン・レイアウトパターンのIDを確認する。
+該当する.penファイル（通常は `doc/design/common.pen`）がエディタで開かれていれば、`batch_get` でデザイントークンを取得してプロンプトに含める。
+
+開かれていない場合は、INDEX.mdの情報をベースにトークンの参照先を記載する。
+
+### Step 3: プロンプトの生成
+
+以下のテンプレート構造に沿ってプロンプトを生成する。
+
+---
+
+## 出力テンプレート
+
+```markdown
+# [画面名] デザイン依頼
+
+## コンポーネントフレームワーク
+Chakra UI V3
+
+## この画面の目的
+[1〜2文で画面の目的を簡潔に記述]
+
+## 前提情報
+- **ユーザー**: [誰が使うか + ITリテラシーの想定]
+- **対応デバイス**: [PC / SP / 両方]
+- **関連する既存画面**: [あれば記載]
+- [その他、デザインに影響する前提条件]
+
+## 画面構成
+
+### [セクション名1]
+- [要素と配置の説明]
+- [操作方法]
+
+### [セクション名2]
+...
+
+## 補助機能
+[メインの画面構成以外の補助的な機能があれば記載]
+
+## データの具体例
+[抽象的な「テキスト」ではなく、リアルなサンプルデータを記載]
+[テーブルやリストがある場合はコードブロックで具体例を示す]
+
+## 状態バリエーション
+- **通常時**: [デフォルトの状態]
+- **空の状態**: [データがないとき]
+- **ローディング**: [読み込み中]
+- **エラー時**: [エラー発生時]
+[必要に応じて追加: 選択中、編集中、確認ダイアログ等]
+
+## SP版での考慮点
+[SP対応が必要な場合のみ記載]
+- [レイアウトの違い]
+- [操作方法の違い（タップ、スワイプ等）]
+- [コンポーネントの置き換え（Dialog → BottomSheet等）]
+
+## デザイントークン
+[INDEX.mdまたはcommon.penから取得した情報を記載]
+- カラー: [プライマリ、セカンダリ等]
+- タイポグラフィ: [見出し、本文等]
+- スペーシング: [余白の基本単位]
+
+## 共通レイアウトパターン
+[該当するパターンを記載]
+- [SideMenu / BottomMenu / FormCard / Dialog / BottomSheet 等]
+
+## デザインで特に考えてほしいポイント
+1. [最も重要なデザイン課題]
+2. [次に重要な課題]
+3. [その他の考慮点]
+```
+
+---
+
+## テンプレート運用のガイドライン
+
+- **すべてのセクションを埋める必要はない**: 画面に該当しないセクション（例: SP対応不要なら「SP版での考慮点」）は省略する
+- **具体例を重視する**: 抽象的な説明より、実際のデータ例（名前、時刻、数値）を入れる方がデザインの精度が上がる
+- **「考えてほしいポイント」が肝**: ここでデザイナー（AI）に判断を委ねる部分を明示する。単なる配置指示ではなく「なぜ悩んでいるか」を伝えると良い結果が出やすい
+- **ユーザー像を具体的に**: 「ITリテラシーは高くない想定」のような一文があるだけで、デザインの複雑さの判断基準になる
+
+## 出力方法
+
+生成したプロンプトはマークダウンのコードブロックで囲んで出力する。ユーザーがそのままコピペしてpencil.devに貼れるようにする。