{
  "markdown": "# pnpm + Biome + Astro + Panda CSS + Ark UI Template\n\n[pnpm](https://pnpm.io/) + [Biome](https://biomejs.dev/) + [Astro](https://astro.build/) +\n[Panda CSS](https://panda-css.com/) + [Ark UI](https://ark-ui.com/) のテンプレートです。\n\n## 機能一覧\n\n- Astro 7 による静的サイト生成（MDX / Content Collections / sitemap / RSS / robots.txt）\n- Panda CSS 1.10 による型安全なスタイリング（セマンティックトークン + light/dark テーマ）\n- Ark UI 5 + React 19 の Astro Islands（テーマメニューのサンプル付き）\n- TypeScript による型安全な開発環境（Astro strict プリセット）\n- Biome 2 による高速なフォーマット・リント（TS/TSX/JSON/JSONC を担当。`.astro` は Astro VS Code 拡張）\n- テスト・ベンチマーク・カバレッジ計測（vitest, しきい値 80%、計測対象は `src/utils/**`）\n- pre-commit hooks による品質保証（biome / astro check / secretlint）\n- GitHub Actions による CI（Node 24/25 マトリクス、Actions は commit SHA・Dev Container Features と Docker ベースイメージは sha256 digest で固定、依存自動更新）\n- PR 自動ラベリング（actions/labeler — ハーネス変更 PR に `meta` ラベル）とラベル定義の同期（`.github/labels.yml`）\n- セキュリティスキャン（secretlint / pnpm audit / Trivy — push・cron 時は SARIF を Security タブへ集約）\n- SBOM 生成（CycloneDX、cdxgen）\n- Dockerfile / GitHub Actions 自体のリント（hadolint / actionlint / zizmor）\n- `docs/knowledge/` — OKF v0.1 準拠の知識バンドル（ADR / アーキテクチャ / 取り決め / runbook / 調査のスケルトン）\n- VS Code Dev Containers: AI エージェントツールチェーン（Claude Code CLI、Codex CLI、GitHub CLI、共通ユーティリティ）を [Dev Container Features](https://containers.dev/implementors/features/) と post-create セットアップで重ねて注入\n- Chrome DevTools MCP + headless Chromium: エージェントがコンテナ内で画面の見た目をデバッグ（スクリーンショット・コンソール・ネットワーク確認）\n\n## セットアップ\n\n```bash\ncorepack enable\npnpm install\n```\n\n`pnpm install` の `prepare` ライフサイクルで `panda codegen` が自動実行され、\n`styled-system/` ディレクトリが生成されます。\n\n`pnpm` は `package.json` の `packageManager` フィールド経由で corepack が自動的に正しいバージョンを使用します。\n\n### pre-commit hooks（任意）\n\n[prek](https://github.com/j178/prek) を[インストール](https://github.com/j178/prek?tab=readme-ov-file#installation)した後：\n\n```bash\nprek install\n```\n\n## 主なコマンド\n\n```bash\npnpm dev            # Astro 開発サーバー（http://localhost:4321）\npnpm build          # Astro で dist/ にビルド\npnpm preview        # dist/ をローカル配信\npnpm studio         # Panda Studio（http://localhost:3000）\npnpm check          # astro check（型 + 構文）\npnpm test           # vitest 単体テスト\npnpm test:cov       # カバレッジ計測\npnpm bench          # ベンチマーク\npnpm fmt            # フォーマット適用\npnpm fmt:check      # フォーマット検査のみ\npnpm lint           # Biome リント\npnpm release-check  # CI 相当（biome ci + astro check + vitest + astro build）\npnpm scan:secrets   # シークレット検出\npnpm prepare        # panda codegen 手動実行（panda.config.ts 変更後など）\n```\n\n詳細は [AGENTS.md](AGENTS.md) を参照。\n\n## 初期設定でやっておくこと\n\n派生プロジェクトを作ったら、以下を自分の値に置換してください。\n\n1. `astro.config.mjs` の `site: \"https://example.com\"` を公開 URL に変更\n2. `src/config.ts` の `SITE` メタデータ（title / description / author 等）を編集\n3. `public/favicon.svg` を自身の favicon に差し替え\n4. `LICENSE` 内の `[yyyy] [name of copyright owner]` を年と著作権者名に置換\n5. `.github/CODEOWNERS` の `@REPLACE-ME` を実在の GitHub ハンドルに置換\n6. `package.json` の `name` を派生先のパッケージ名に変更\n7. `docs/knowledge/` のサンプルドキュメントを実プロジェクトの知識で差し替え（運用ルールは `docs/knowledge/index.md` を参照）\n8. `corepack enable && pnpm install && pnpm release-check` を実行し、セットアップ後のプロジェクトが健全なことを確認（install の `prepare` で `panda codegen` が走ります）\n\n## プロジェクト構造\n\nディレクトリ構成・設定ファイルの詳細は [AGENTS.md](AGENTS.md) を参照してください。\n\n## AI Agent Dev Container\n\nVS Code Dev Container を AI コーディングエージェント（Claude Code / Codex 等）の実行環境としても利用できます。同梱ツール・認証手順・ホスト設定の継承・サンドボックスのモード・PAT 運用などの詳細は [.devcontainer/README.md](.devcontainer/README.md) を参照してください。\n\n## リリースチェックリスト\n\n1. `pnpm release-check` を実行してすべてのチェックが通ることを確認\n2. `CHANGELOG.md` を更新\n3. バージョンタグを作成\n\n## ライセンス\n\n[MIT](LICENSE)。`LICENSE` 内の `[yyyy] [name of copyright owner]` は派生先で年と著作権者名に置換してください。\n",
  "bytes": 3574,
  "sha": "0ab28c06bd895053ed183030a84117348af9771e03e13cce089c45d458fc46af",
  "repo_slug": "hanamizuno/pnpm-biome-astro-panda-ark-template",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/okf_hanamizuno_pnpm_biome_astro_panda_ark_te_c07883d9/readme"
}