菜单
Web/アプリの画面ワイヤーフレーム（構造・レイアウト・導線）をASCII図とMarkdown注釈で作成するSkill。 「ワイヤーフレームを作って」「画面構成を設計して」「画面のレイアウトを考えて」「UI構造を整理して」「画面の骨組みを作って」 「wireframeを書いて」「画面設計して」「ラフを作って」などの依頼で発動する。 出力はASCIIワイヤーフレーム + 画面注釈（状態・制約・挙動）のMarkdown。モックアップ（見た目重視）やプロトタイプ（動作検証）とは異なる。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use by any agent before writing specs, editing code, or changing workflow files when the change could add compatibility behavior, aliases, silent fallbacks, or default-value fallbacks.
Use before presenting implementation plans and after non-trivial commits when the review should run through Claude Code with the configured Fable model. Runs claude -p in streaming review mode, derives the Fable model from claude/settings.json, constrains tools for read-only review plus currentness checks, handles resume, and defines review timeout semantics.
Use when committing, pushing, or preparing PRs. Defines the user's commit workflow, message style discovery, review handoff, and branch/worktree push requirements.
Linearのissueを整理し、会話しながら新規issueに落とすスキル。2つのモードを持つ: (1) 既存issue整理: Backlogの全issueをINVEST原則で診断し、分割・統合・再分類を提案・実行 (2) 会話→issue化: ユーザーとの対話から要件を引き出し、適切な粒度のissueに落とす 両モード完了後、整理された実行計画を自動生成する。 トリガー: 「issueを整理して」「Backlog整理」「issue棚卸し」「やること整理」「実行計画を作って」 「issueの粒度を揃えて」「issueに落として」「要件をissueにして」
Use before presenting implementation plans and after non-trivial commits that require review. Runs codex exec in read-only review mode, handles resume, MCP transport errors, and review timeout semantics.
Use for code implementation, bug fixes, refactors, and test additions. Enforces the user's development style: YAGNI, TDD, clear contracts, separation of concerns, no unsolicited fallback or backward-compatibility helpers, and maintainable code structure.
| name | wireframe-builder |
| description | Web/アプリの画面ワイヤーフレーム（構造・レイアウト・導線）をASCII図とMarkdown注釈で作成するSkill。 「ワイヤーフレームを作って」「画面構成を設計して」「画面のレイアウトを考えて」「UI構造を整理して」「画面の骨組みを作って」 「wireframeを書いて」「画面設計して」「ラフを作って」などの依頼で発動する。 出力はASCIIワイヤーフレーム + 画面注釈（状態・制約・挙動）のMarkdown。モックアップ（見た目重視）やプロトタイプ（動作検証）とは異なる。 |
Web/アプリの画面ワイヤーフレームを、ASCIIアート図 + Markdown注釈で作成するSkill。
以下のいずれか、または組み合わせ：
入力が曖昧な場合、まずユーザーゴールと主要タスクを確認する。
| # | 画面名 | 目的 | 主要CTA |
|---|--------|------|---------|
| 1 | ログイン | 認証 | ログインボタン |
| 2 | ダッシュボード | 状況把握 | 新規作成 |
flowchart LR
A[ログイン] --> B[ダッシュボード]
B --> C[詳細]
B --> D[設定]
┌─────────────────────────────────────────┐
│ [Logo] [検索] [👤 User] │ ← Header
├─────────────────────────────────────────┤
│ ┌─────────┐ ┌─────────────────────────┐│
│ │ Nav │ │ Main Content ││
│ │ ・Home │ │ ┌─────────────────────┐ ││
│ │ ・Items │ │ │ Card 1 │ ││
│ │ ・設定 │ │ └─────────────────────┘ ││
│ └─────────┘ │ ┌─────────────────────┐ ││
│ │ │ Card 2 │ ││
│ │ └─────────────────────┘ ││
│ └─────────────────────────┘│
└─────────────────────────────────────────┘
各画面に対して以下を記載：