makepad-2.0-layout（Makepad 2.0レイアウト）

このSkillでできること

✓Walkによる幅・高さ・余白の設計
✓縦積み・横並び・オーバーレイ・折り返し配置
✓中央揃えやスクロール領域の設定
✓Makepad 2.0のレイアウト問題の整理

使い方

STEP 1

親コンテナのflowとspacingを決める

STEP 2

widthとheightにFill、Fit、固定値を指定する

STEP 3

padding、margin、alignで配置を調整する

STEP 4

必要に応じてScrollYViewなどを使う

Skillのインストール

AIにこのSkillを追加してもらう

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/ZhangHanDong/makepad-skills

手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

cp -r skills/* ~/.claude/skills/

このSkillを使うプロンプト例

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

Makepad 2.0で、固定ヘッダー・スクロール本文・固定フッターのレイアウトを設計してください。

出力例を見る

Viewにflow: Downとspacingを設定し、本文領域にScrollYViewを使う構成案。

安全性チェック

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり

Shellコマンド実行検出あり

ファイル読み取り明確な記述なし

ファイル書き込み検出あり

ネットワークアクセス検出あり

認証情報明確な記述なし

検出根拠を見る

shell: ] } ``` ### Option 2: Symlink to Skills Directory ```bash for skill in skills/*; do ln -sf "$(pwd)/$skill" ~/.claude/skills/ done ``` ### Opti
shell: ~/.claude/skills/ done ``` ### Option 3: Copy Skills ```bash cp -r skills/* ~/.claude/skills/ ``` ## Legacy Makepad 1.x skills (including Robius and
file_write: e/skills/ done ``` ### Option 3: Copy Skills ```bash cp -r skills/* ~/.claude/skills/ ``` ## Legacy Makepad 1.x skills (including Robius and Mol
network: ree/v1/makepad-1.0) branch. ## Source - **Makepad**: https://github.com/makepad/makepad ## License MIT

makepad-2.0-layout