メニュー
Day-one setup, development, and verification workflow for the Anvil Electron app and its companion Remotion video project.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | build-and-test |
| description | Day-one setup, development, and verification workflow for the Anvil Electron app and its companion Remotion video project. |
Use this skill when you need the quickest reliable path to running, building, or verifying Anvil locally.
Run these from the repo root:
pnpm install
pnpm dev
pnpm build
pnpm test
pnpm lint
pnpm format
pnpm install installs root/workspace dependencies and runs the postinstall rebuild for better-sqlite3 and node-pty.pnpm dev starts the Electron main process plus the Vite-powered renderer through electron-vite.pnpm build outputs compiled artifacts into out/main, out/preload, and out/renderer.pnpm test runs the Vitest suite once.pnpm lint checks src/ with ESLint.pnpm format rewrites supported source files under src/ using the repo Prettier config.Use this lightweight order after a change unless the task needs something deeper:
pnpm test if the change touches shared logic, persistence, parsing, or other broad code paths.pnpm lint for renderer or TypeScript-heavy work.pnpm build when changing bundling-sensitive code, preload contracts, or Electron startup paths.src/main/services/__tests__/ contains most service and persistence tests.src/renderer/utils/__tests__/ contains pure renderer utility tests.If you add logic to a service like src/main/services/spike-guard.service.ts, follow the existing nearby test pattern in src/main/services/__tests__/spike-guard.service.test.ts.
better-sqlite3 and node-pty are native modules.pnpm install is often the first repair step because it re-triggers the native rebuild.The mobile/ directory is an Expo Router workspace package. Use it only when the task explicitly touches the companion app.
pnpm --dir mobile start
pnpm --dir mobile ios
pnpm --dir mobile android
pnpm --dir mobile typecheck
pnpm --dir mobile lint
The video/ directory is a separate Remotion project. Use it only when the task explicitly touches the promo video.
cd video
npm install
npm run studio
npm run render
npm run render:gif
Relevant files:
video/src/Root.tsxvideo/src/AnvilSizzle.tsxvideo/src/LogoSplash.tsxarchitecture-overview.add-feature.Standard workflow for adding a new Anvil feature that spans shared contracts, IPC, preload, services, persistence, and renderer UI.
Add a new top-level renderer screen to Anvil and wire it into routing, navigation, and the existing workspace-gated shell.
Process model, data flow, and feature placement guide for Anvil so agents can modify the right layer with minimal thrash.
Use for Azure cost analysis, right-sizing, FinOps, SKU selection, reserved instances, and detecting over-engineering. Grounded in Well-Architected Cost Optimisation pillar.
Use when designing a new Azure workload from scratch. Covers gold-standard architecture patterns, Landing Zones, service selection, IaC, observability, and DR. Avoids over-engineering.
Use when evaluating migration of existing systems to Azure. Covers lift-and-shift vs rearchitect decisions, the 5 Rs, phased migration planning, and Azure Migrate tooling.