アプリの構造を「分解図」で描かせる teardown スキル
レイヤーごとに1枚の板として色分け・ラベル付きで描いた分解図を、SVG・PNG・PDFで書き出せる。
どんな問題を解決するか / いつ使うか
自分のアプリの画面・状態管理・API・DBなどの重なりを、図にして説明したいとき。設計資料、LPの「仕組み」セクション、チームへの共有に使える。
やり方
bash
npx skills add jakubkrehel/skills(teardown のほかに、インターフェース系のスキルが12個ほど一緒に入る)
Claude Code で:
/teardown Draw my app as an exploded view, one plate per layer, with labels.注意点
- まとめて入るほかのスキルも、入れる前に中身を確認する(デザインスキルを入れる前に、SKILL.mdを読み・実行内容を確かめ・自分の好みに差し替える)。
- 分解図は見栄え重視なので、細かい依存関係を正確に示す図にはならない。
出典
- @Voxyz_ai post