# Single Screen Prototype

> ゲームの「面白さの仮説」を検証する画面1枚の超簡易プロトタイプを作成するスキル。 コンセプトデザインで定義した判断・行動・体験の核心が本当に成立するかを最短で検証する。 使用タイミング：(1)「プロトタイプを作りたい」(2)「仮説を検証したい」(3)「最小構成で試したい」 (4)「面白さをテストしたい」(5)「1画面で作りたい」と言われた時。 見た目・演出は一切不要、「考えてしまうか？」を確認することに特化。

- Skill: `majiayu000/single-screen-prototype` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/single-screen-prototype`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/single-screen-prototype/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/single-screen-prototype

---


# 画面1枚プロトタイプ作成スキル

## 目的

コンセプトデザインで定義した「面白さの仮説」を**最短で壊しに行く**プロトタイプを作成する。

## 絶対に確認すること（3つだけ）

1. **判断に迷いが生まれるか**
2. **選択→結果→学習が1分以内に回るか**
3. **もう1回試したくなるか**

## プロトタイプの制約

### 画面に存在してよいもの

- 状態表示（HP / リソース）
- 選択肢（ボタン / カード）
- 結果表示（数値変化・ログ）
- リセットボタン

### 存在してはいけないもの

- マップ遷移
- 演出アニメーション
- 複数画面
- セーブ / ロード

## ワークフロー

### 1. 状態設計

コンセプトデザインから以下を抽出：
- HP（プレイヤーの生存条件）
- 制約リソース（回数/エネルギー）

### 2. 選択肢設計

3〜5個の**意味が明確に違う**選択肢を定義。
詳細は [references/action-design.md](references/action-design.md) を参照。

### 3. 実装

[assets/prototype-template.html](assets/prototype-template.html) をベースに実装。
技術選択は自由（HTML+JS、React、CLI等）。

### 4. 検証

プレイしながら自問：
- どの選択肢を押すか一瞬迷ったか？
- 毎回同じボタンを押していないか？
- 数値が減った理由を説明できるか？

**YESが2つ以上** → 次の工程へ
**NOが多い** → コンセプトデザインに戻る

## 完成基準

- 画面は1枚
- ルール説明なしでも触れる
- 5回くらい連続で試したくなる
- **3〜5分で1サイクル完了**