メニュー
Set up the development environment for the playground. Use when the user wants to install dependencies, fix environment issues, or get the project running for the first time. Works on macOS, Windows, and WSL.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
VS Code 2026 design system tokens, palette, typography, and interaction patterns. Use when building or styling any UI in the playground.
Critically review a running prototype as a dogfooder (real user). Use when asked to "dogfood", "review the app", "give feedback on the UX", or "test the app". Reads DESIGN.md to understand the problem space, navigates the full user journey, captures screenshots, reads source code to validate behavior, and delivers structured feedback by severity.
Bootstrap a new prototype in the playground. Use when the user wants to create, add, scaffold, copy, or make a variant of a prototype page.
| name | setup |
| description | Set up the development environment for the playground. Use when the user wants to install dependencies, fix environment issues, or get the project running for the first time. Works on macOS, Windows, and WSL. |
| user-invocable | true |
Check and install all required dependencies so the playground runs locally. Supports macOS, Windows (PowerShell), and WSL/Linux.
Run node --version. The project requires Node.js 20+.
If missing or too old, install it using the appropriate method for the user's OS:
brew install node (or suggest nvm)curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash - && sudo apt-get install -y nodejs, or suggest nvmwinget install OpenJS.NodeJS.LTSRun npm --version. npm ships with Node.js — if Node is installed, npm should be available.
If npm is missing despite Node being present, suggest reinstalling Node.
npm install
Verify it completes without errors. If it fails:
npm install --legacy-peer-deps if there are peer dependency conflictssudo npm install — fix the npm prefix insteadnpm run build
If this succeeds, the environment is fully working.
Start the dev task using run_task with the shell: dev task, then open http://localhost:3000 in the integrated browser to confirm everything is running.