project-engineering について
HeyEddi の Vue アプリ向けに、プロジェクト設定に応じてフロントエンド、FastAPI バックエンド、Firebase のツールを整えるエンジニアリング基盤スキルです。スキャフォールド監査、テスト、変更チェックを通じて開発を進め、生成文書を .heyeddi/ に保存します。
主な機能
- 01Vue、FastAPI、Firebase の必要な構成
- 02スキャフォールドの監査と不足補完
- 03テストとエンジニアリングチェック
- 04プロジェクト設定と技術スタックの記録
- 05スキル文書を .heyeddi/docs/ に保存
活用シーン
- 01既存アプリの開発環境の不足補完
- 02Vue、FastAPI、Firebase のローカル起動
- 03実装前のエンジニアリング計画確認
- 04マージ前のテストとビルドゲート実行
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ heyeddi-com/ heyeddi-skills --skill project-engineeringインストール後、Claude Code で/project-engineeringを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
manifest.jsonreference.mdcontext/ANTI_PATTERNS.mdEXAMPLES.mdPROSE_ANTI_SLOP.mdVOCABULARY.mdreference/dev-server.mdfastapi-backend.mdfirebase-backend.mdsubagents.mdscaffold/gitignore-heyeddi-pr-scratch.snippetstack-fastapi.jsonstack-firebase.jsonstack-full.jsonscaffold/fastapi/openapi.jsonpyproject.tomlscaffold/fastapi/app/__init__.pymain.pyscaffold/fastapi/tests/test_health.pyscaffold/firebase/.env.firebase.example.firebasercfirebase.jsonfirestore.indexes.jsonfirestore.rulesscaffold/heyeddi/design.mdproduct.mdREADME.mdstack.jsonscaffold/heyeddi/docs/README.mdscaffold/vue/DESIGN.md詳細
プロジェクトエンジニアリング
HeyEddi の Vue アプリ向けの基本的なコードエンジニアリングです。Flutter フロントエンドには、代わりに @flutter-engineering を使用してください。適用するスタックを検出し、適切なツールを追加します。一律の方式ではありません。
サブエージェント(デフォルト)
スキャフォールド/監査/テストスクリプトは Task shell に、リポジトリの調査は explore に委任します。メインチャットで監査 JSON からスタックを選択します。reference/subagents.md を参照してください。
スタック
| スタック | 適用する場面 | 追加されるツール |
|---|---|---|
| Vue | フロントエンドの作業では常に | Vite、Vitest、npm スクリプト、ルーター |
| FastAPI | REST API バックエンド | backend/、pytest、openapi.json、uvicorn |
| Firebase | Firestore/Auth クライアント | firebase.json、ルール、エミュレーター、環境変数テンプレート |
@heyeddi-setup で設定の希望を宣言します(git/環境+エージェント)。.heyeddi/stack.json の技術キーは、プロジェクトの進行に応じてスキャフォールド/このスキルによって入力されます。
{
"frontend": "vue",
"backends": ["fastapi"],
"api_port": 8090,
"web_port": 8085,
"git": {
"preset": "main_staging_dev",
"default_branch": "dev",
"pr_base": "dev",
"environments": { "production": "main", "staging": "staging", "dev": "dev" },
"worktrees": false,
"custom_workflow": null
},
"agent": { "commit": "ask", "push": "ask" },
"setup": { "version": 1, "updated": "2026-09-06" }
}
{ "frontend": "vue", "backends": ["fastapi"], "api_port": 8090 }
Flutter プロジェクトの場合は、"frontend": "flutter"、"web_port": 8085 を設定してください。@flutter-engineering を参照してください。
または "backends": ["firebase"]、あるいは ["fastapi", "firebase"] を設定します。
audit_scaffold は openapi.json、firestore.rules、.heyeddi/product.md(または従来の PRODUCT.md)からも推測します。
.heyeddi/ ワークスペース
すべての HeyEddi アプリに .heyeddi/ フォルダーが必要です(scaffold_stack/scaffold_heyeddi によって作成されます)。
| パス | 目的 |
|---|---|
README.md | HeyEddi の概要(エージェントと人間のためのワークスペース)、無料のスキル、heyeddi.com/humans |
stack.json | スタック+設定(@heyeddi-setup) |
product.md | プロダクト概要 |
design.md | DESIGN.md 形式:トークン、根拠、意思決定ログ |
designs/<feature>/ | 引き継ぎ用 PNG、概要、ワイヤーフレーム |
docs/ | スキルが生成するレポート(リリース、PR の追跡、乖離監査) |
スキルが作成したドキュメントはすべて .heyeddi/docs/(または上記のパス)に保存してください。チームが後から参照できます。ルートにある PRODUCT.md/DESIGN.md/designs/ も、従来のフォールバックとして引き続きサポートされます。
ワークフロー
- 設定ゲート(常時有効の必須項目): git/CI/コミットに関する前提を置く前に、
@heyeddi-setupのverify_setup --checkを実行します。不完全な場合は、合格するまでセットアップを実行します。 audit_scaffold:レイヤーごとの JSON(vue/fastapi/firebase)。scaffold_stack --stack auto:不足分を補います(scaffold_vue単独より推奨)。- 必要に応じて
ensure_npm+ensure_python。 dev_server_info:ローカルサーバーをすべて表示します(Vue :5173、API :8090、Firebase エミュレーター :4000)。- 計画ゲート(常時有効): 機能コードを書く前に
@engineering-excellenceのcheck_engineering_plan --checkを実行し、再利用カタログを確認します。 - 機能を実装します(デザインスキル、コンポーザブルなど)。
write_test_stub+run_tests+run_backend_tests。- 変更ゲート(常時有効):
audit_engineering --checkを実行します(エラーは失敗扱い、警告は参考情報)。 verify-build+pre-merge-gate。
ローカル開発サーバー
| スタック | コマンド | URL |
|---|---|---|
| Vue | npm run dev | http://localhost:5173 |
| FastAPI | cd backend && poetry run uvicorn app.main:app --reload --port 8090 | http://localhost:8090/docs |
| Firebase | firebase emulators:start | http://localhost:4000 (UI) |
プロジェクト固有の手順は dev_server_info を実行して確認してください。各サーバーには専用のターミナルが必要です。
参考資料
reference/dev-server.md:Vuereference/fastapi-backend.md:FastAPIreference/firebase-backend.md:Firebase エミュレーター
関連スキル
backend-type-bridger:OpenAPI/Firestore → TypeScript 型composable-patterns:FastAPI JWT と Firebase クライアントのコンポーザブルverify-build:本番環境向けフロントエンドビルド
タスクの完了時:次のスキルを提案する
このスキルに対するユーザーのリクエストが完了したとき(ツール呼び出しやサブエージェントのフェーズごとではありません)、次に実行する内容を提案します。
-
次を実行します。
python .agents/skills/heyeddi/scripts/suggest_next_skill.py --current-skill project-engineering --project-root .特定のルートを作業した場合は、
--route /pathを追加します。 -
スクリプトの
### Next stepブロックを最終返信に含めます。ユーザーは Prompt の行をコピーして、チャットに貼り付けます(例:@heyeddi-design craft /settings)。
直前に完了したサブコマンドが分かっている場合は、--mode shape(または craft、audit など)を渡します。
@heyeddi → reference/next-skill-handoff.md を参照してください。