wireframe-generator
Installation
SKILL.md
Wireframe Generator
YAML定義から設計レビュー用ワイヤーフレーム画像を自動生成するスキル。
概要
| 項目 | 内容 |
|---|---|
| 入力 | YAML定義(画面設計書内の yaml wireframe ブロック) |
| 出力 | PNG画像(スクリーンショット) |
| UIフレームワーク | Chakra UI |
| スクリーンショット | Playwright |
| スキーマ | wireframe.schema.json |
使用タイミング
/detailed-design-workflowの Phase 1.5(モックアップ生成)- 画面設計書作成時のワイヤーフレーム生成