makepad-2.0-splash

makepad-2.0-splash skill の概要

makepad-2.0-splash でできること

makepad-2.0-splash skill は、script_mod!{} の中で使うランタイム UI スクリプト言語 Makepad 2.0 Splash を扱うための skill です。散らばったサンプルから文法を推測しなくても、インタラクティブな UI、状態を持つウィジェット、ホットリロードのフロー、Canvas 駆動のアプリ向けに Splash コードを生成・調整しやすくなります。

どんな人に向いているか

Rust で Makepad UI を作っていて、信頼できる Splash の文法、状態管理、イベント配線、レンダリング/更新パターンが必要なら、makepad-2.0-splash skill を使うとよいです。特に、ライブな UI 挙動、タブ切り替え、タイマー、テキスト更新、あるいは初回で正しく動く必要があるアプリの土台づくりといったフロントエンド作業に向いています。

何が違うのか

一般的な Makepad 向けプロンプトと違い、この skill は実際の Splash ルールに基づいています。つまり、空白区切りの文法、use mod.prelude.widgets.*、script_mod!{}、mod.state、on_render/fn tick() 系の相互作用パターンを前提にしています。そのため、makepad-2.0-splash は、悩みの中心がデザインではなく、スクリプト構造やランタイムモデルを正しく組み立てることにあるときに、特に役立ちます。

makepad-2.0-splash skill の使い方

正しい順番でインストールして読む

makepad-2.0-splash をインストールするには、リポジトリの skill インストール手順を使い、そのあと skills/makepad-2.0-splash/SKILL.md から読み始めます。続けて、文法ルールは references/splash-language-reference.md、実用的なアプリパターンは references/splash-scripting-patterns.md、Canvas や POST /splash ワークフローで動かすなら references/canvas-splash-patterns.md を確認してください。この順番にすると、インストールから実用的な makepad-2.0-splash usage まで最短で進めます。

あいまいな要望を、よいプロンプトに変える

makepad-2.0-splash のインストール後に良い結果を得るには、「Splash アプリを作って」のような漠然とした依頼ではなく、具体的な UI 作業を渡すことが大切です。強い入力は、ウィジェットツリー、状態、インタラクションモデルを明示します。たとえば「カウンター状態、タブ切り替え、起動時の render を備えた 2 タブの Splash UI を作る」といった具合です。弱い入力は制約が足りず、モデルがウィジェット構造、更新経路、script_eval!、on_render、fn tick() のどれを使うべきかを推測することになります。

見出しだけでなく、リポジトリのパターンを見る

makepad-2.0-splash usage では、正しさに直結するパターンに注目してください。たとえば、let バインディングは使う前に定義する、状態はローカルで明示的に持つ、やり取りは Splash 内で行い、コードを何度も再送信する形にはしない、といった点です。Canvas 用のコードを生成するなら、canvas-splash-patterns.md が最重要の判断材料です。いつ 1 回だけ POST するのか、どうデータを更新するのか、なぜループして POST するとウィジェット状態が壊れるのかが説明されています。

出力をよくする実践ワークフロー

よい makepad-2.0-splash guide の流れは、UI の目的を説明し、永続状態を特定し、イベントソースを決め、そのうえでリポジトリの文法に合うコードを依頼することです。Rust にそのまま貼れる結果が欲しいなら、出力が Splash ブロックだけでよいのか、script_mod!{} 全体のラッパーが必要なのかも指定してください。さらに、ホットリロード対応が必要か、Canvas 互換が必要か、最小例でよいかも伝えるとよいです。これらの制約によって、生成されるスクリプトの構造が変わるからです。

makepad-2.0-splash skill の FAQ

makepad-2.0-splash は Makepad 2.0 専用ですか？

はい。この skill は Makepad 2.0 Splash に焦点を当てており、旧来の live_design! ワークフローや一般的な UI スクリプトは対象外です。コードベースがまだコンパイル時 UI マクロに依存している場合、この skill は移行の考え方には役立つかもしれませんが、専用の移行計画の代わりにはなりません。

インストール前に Splash を知っている必要はありますか？

いいえ。ただし、実現したいアプリの結果は把握している必要があります。この skill は、文法や実用パターンを見せながら進められるので、構造化された UI 作業なら初心者にも使いやすいです。一方で、makepad-2.0-splash が役立つコードを生成できるだけの、ウィジェットツリー、状態変化、イベントフローの説明はできることが前提です。

どんな場合に不向きですか？

一般的な Rust のヘルプ、CSS 風のスタイリングの助言、あるいは Makepad の文脈がないままの「frontend development」向けの単純なプロンプトだけが欲しいなら、makepad-2.0-splash は使わないでください。また、課題の中心がアーキテクチャ設計で、Splash の文法、ランタイム状態、Canvas 実行ルールが主題ではない場合も、あまり向いていません。

通常のプロンプトと比べると何が違いますか？

通常のプロンプトでもそれらしい答えは返せますが、空白ベースの文法、ウィジェットのスコープ、ランタイム更新モデルのような Splash 固有の制約を見落としやすくなります。makepad-2.0-splash skill は、ブレインストーミングより正確さが重要なとき、特にすぐ実行したいコードではより適しています。

makepad-2.0-splash skill を改善するには

足りない状態モデルを明示する

品質が最も大きく上がるのは、状態を明確に名前で指定するときです。「ダッシュボードを作って」ではなく、selected_tab、elapsed、items、connected のようなフィールドと、それぞれがどう変化するかを与えてください。そうすると makepad-2.0-splash は、描画、更新、デバッグがしやすいコードを出しやすくなります。

インタラクションの境界を指定する

起動時、クリック時、tick 時、データ更新時に何を起こしたいのかを伝えてください。失敗の多くは、どのイベントがどの役割を持つかが曖昧なままで、初回描画はされても正しく更新されないコードになることです。makepad-2.0-splash では、最初にイベントループをどれだけ具体的に定義できるかで、後から必要になる修正量が大きく変わります。

必要な完成度をはっきり伝える

スニペットだけでよいなら、そう言ってください。貼り付け可能なブロックが必要なら、script_mod!{} 全体の構造を依頼し、Rust のボイラープレートを含めるべきかも明示してください。こうすることで、一見正しく見えてもプロジェクトにそのままは合わない、中途半端な出力を避けられます。

まず文法、次に挙動の順で詰める

最初の出力がかなり近いのに正しくないなら、新機能を足す前に文法の問題を直してください。そのあとでレイアウト、状態、イベントフローを詰めます。makepad-2.0-splash では、最も一般的な改善の流れは、ウィジェットのスコープを修正し、render/update パターンを確認し、最後に実アプリに合わせて UI 構造を最適化することです。