Claude Codeの始め方
初心者でも迷いにくい
実践ガイド

# CLAUDE.md

## Project overview
このリポジトリはHiro向けの制作物とWeb/AI実践資料を管理するプロジェクトです。

## Commands
- 開発サーバー: npm run dev
- ビルド: npm run build
- テスト: npm test
- lint: npm run lint

## Rules
- 作業前に git status を確認する。
- .env、秘密鍵、顧客情報、個人情報を読まない・変更しない。
- UI変更は Hiro/DESIGN.md の色・余白・トンマナに合わせる。
- 大きな変更は先に計画を出し、承認後に実装する。
- 公開、投稿、削除、デプロイは実行前に確認する。

## Done when
- 関連チェックが通る。
- 変更ファイル、確認結果、残ったリスクを最後に要約する。

このリポジトリ用のCLAUDE.mdを作りたい。
まず現在の構成、package.jsonのscripts、テスト・lint・ビルド方法を調べて。
初心者にも保守しやすい短いCLAUDE.md案を提示して。
まだファイルは作成せず、内容案だけ出して。

{
  "$schema": "https://json.schemastore.org/claude-code-settings.json",
  "permissions": {
    "allow": [
      "Bash(npm run lint)",
      "Bash(npm test)",
      "Bash(git status)",
      "Bash(git diff *)"
    ],
    "deny": [
      "Read(./.env)",
      "Read(./.env.*)",
      "Read(./secrets/**)",
      "Bash(git push *)"
    ]
  }
}

今のgit差分を初心者向けに説明して。
変更ファイルごとに、何が変わったか、なぜ必要か、確認すべきリスクをまとめて。
まだコミットはしないで。

このプロジェクトで何度も使う「Hiro向けHTML資料作成」の手順をskill化したい。
まず既存の制作物とHiro/DESIGN.mdを読んで、.claude/skills/hiro-html-guide/SKILL.md の内容案を作って。
まだファイルは作成せず、手順、入力、出力、検証項目を提案して。