name: confluence-to-screenspec description: > Confluenceの設計ページを実装可能な画面スペック(要素/データ/状態/遷移)に変換する手順と 出力フォーマットを定義する。confluence-reader subagentがConfluence設計を読んで 画面スペックを出力するとき、「画面スペックにして」「設計ページを構造化して」と 指示されたときは必ずこのスキルに従うこと。
Confluence設計 → 画面スペック 変換
雛形(C-0時点): 詳細手順は C-3(Confluence→Figma生成)着手時に詰める。 現時点では骨子のみを定義する。
前提
- cloudId:
91ae6d4d-2dee-4ec6-beb1-da91884ef1aa - 親ページ: 「カップル家計簿アプリ構想」pageId
6291465 - Atlassian MCP の
getConfluencePage等で読み取る
手順(骨子)
- 指定 pageId のページ本文を取得する(子ページが必要なら descendants も確認)
- 設計の記述から「画面」に関する要件を抽出する
- 下記フォーマットの画面スペックに構造化する
- ページに書かれていないことは推測で埋めず「未決」として列挙する
出力フォーマット(骨子)
# 画面スペック: <画面名>
- 元ページ: <pageId / タイトル>
## 要素(UI構造)
- <要素の階層リスト>
## データ
| 要素 | データ | 出所(テーブル/集計) |
## 状態
- 空状態 / ローディング / エラー / 件数バリエーション
## 遷移
- <トリガー> → <遷移先 / モーダル>
## 未決
- <設計ページに書かれていない/曖昧な点>
TODO(C-3着手時に詰める)
- kakeiboの設計ページの実際の書式に合わせた抽出ルール
- figma-from-screenspec が受け取れるスペック粒度のすり合わせ
- 実例(既存ページ1つ)でのサンプル出力