figma-from-screenspec

star 1

画面スペックから Figma に画面を組み立てる手順を定義する。figma-builder subagentが Figma画面を生成するときは必ずこのスキルに従うこと。 ※C-2(Figmaコンポーネントライブラリ整備)完了後に中身を詰める。それまで使用しない。

puruwo By puruwo schedule Updated 6/11/2026

name: figma-from-screenspec description: > 画面スペックから Figma に画面を組み立てる手順を定義する。figma-builder subagentが Figma画面を生成するときは必ずこのスキルに従うこと。 ※C-2(Figmaコンポーネントライブラリ整備)完了後に中身を詰める。それまで使用しない。

画面スペック → Figma組み立て

空の雛形(C-0時点): この工程は C-2(Figmaコンポーネントライブラリ整備)が前提。 C-2 完了後に中身を詰める。

原則(先に確定している方針のみ)

  • 確立済みコンポーネント・トークン(Figma Variables)のみを使う
  • 新しい色・サイズ・コンポーネントを発明しない
  • コンポーネントで表現できない要素があれば止めて報告する
  • 生成物は叩き台。人間レビューを必ず挟む

TODO(C-2完了後に詰める)

  • 使うコンポーネント/トークンの選び方(ライブラリの参照方法)
  • 画面スペック(confluence-to-screenspec の出力)との対応付けルール
  • Figma MCP(use_figma / figma-generate-design スキル)での組み立て手順
Install via CLI
npx skills add https://github.com/puruwo/kakeibo_v3 --skill figma-from-screenspec
Repository Details
star Stars 1
call_split Forks 1
navigation Branch main
article Path SKILL.md
More from Creator