confluence-to-screenspec

star 1

Confluenceの設計ページを実装可能な画面スペック(要素/データ/状態/遷移)に変換する手順と 出力フォーマットを定義する。confluence-reader subagentがConfluence設計を読んで 画面スペックを出力するとき、「画面スペックにして」「設計ページを構造化して」と 指示されたときは必ずこのスキルに従うこと。

puruwo By puruwo schedule Updated 6/11/2026

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 等で読み取る

手順(骨子)

  1. 指定 pageId のページ本文を取得する(子ページが必要なら descendants も確認)
  2. 設計の記述から「画面」に関する要件を抽出する
  3. 下記フォーマットの画面スペックに構造化する
  4. ページに書かれていないことは推測で埋めず「未決」として列挙する

出力フォーマット(骨子)

# 画面スペック: <画面名>
- 元ページ: <pageId / タイトル>

## 要素(UI構造)
- <要素の階層リスト>

## データ
| 要素 | データ | 出所(テーブル/集計) |

## 状態
- 空状態 / ローディング / エラー / 件数バリエーション

## 遷移
- <トリガー> → <遷移先 / モーダル>

## 未決
- <設計ページに書かれていない/曖昧な点>

TODO(C-3着手時に詰める)

  • kakeiboの設計ページの実際の書式に合わせた抽出ルール
  • figma-from-screenspec が受け取れるスペック粒度のすり合わせ
  • 実例(既存ページ1つ)でのサンプル出力
Install via CLI
npx skills add https://github.com/puruwo/kakeibo_v3 --skill confluence-to-screenspec
Repository Details
star Stars 1
call_split Forks 1
navigation Branch main
article Path SKILL.md
More from Creator