Makepad

makepad-2.0-events は、Frontend Development におけるイベントとアクションの扱いを支援する Makepad 2.0 向けスキルです。on_click、on_render、MatchEvent、script_eval! のどの層で処理するのが適切かを見極めやすくし、UI の操作を Rust の状態更新へ、迷いを減らしながらつなげられるようにします。インストール、使い方、ワークフローのガイドとして活用できます。

makepad-2.0-dsl は、Makepad 2.0 DSL の `script_mod!` UI コードを読み、書き、修正するための実用的なスキルです。フロントエンド開発者や Rust の UI 作成者が、コロン記法、名前付きインスタンス、マージの挙動、Rust バインディングを正しく扱えるようにし、インストールと使い方まで含めた分かりやすい makepad-2.0-dsl ガイドを提供します。

makepad-2.0-design-judgment は、デザイン判断、アーキテクチャ、コンポーネント境界、データフロー、レンダリング戦略のために最初に読み込む Makepad 2.0 スキルです。makepad-2.0-design-judgment を使って、リクエストを適切な Makepad コンプライアンス系スキルへ振り分け、実装前により良い設計判断を行ってください。

Makepad 2.0 のアプリ構成、Rust + Splash 連携、ホットリロード、アプリ起動処理を扱う makepad-2.0-app-structure スキルガイドです。makepad-2.0-app-structure の導入方法、主要リファレンスの読み方、ボイラープレートに迷わずフロントエンド開発へ活かす使い方を学べます。

makepad-2.0-widgets は、UI デザイン実装に必要な Makepad 2.0 のウィジェット、プロパティ、構成パターンを見つけるのに役立ちます。makepad-2.0-widgets の使い方、ウィジェット一覧の参照、Splash 構文でレイアウト、リスト、ダイアログ、高度なパターンを組むための実践ガイドが必要なときに使ってください。

makepad-2.0-vector は、SVGライクなUIデザイン作業のための Makepad 2.0 Vector グラフィックス用スキルです。Vector{} や Svg{} を使って、くっきりしたアイコン、バッジ、イラスト、グラデーション、フィルター、変形、アニメーションするベクター要素を作成するのに役立ちます。このガイドでは、makepad-2.0-vector の導入手順を押さえつつ、実装にそのまま使える出力を、迷いを減らしながら得られます。

makepad-2.0-troubleshooting は、症状から原因と修正へ素早くたどることに特化した Makepad 2.0 のトラブルシューティングスキルです。UI が表示されない、クリックが反応しない、コンパイルエラー、hot reload の不具合、移行時の回帰などの診断に役立ちます。Backend Development や UI が重いアプリで、コードレベルの切り分けをすばやく行いたいときにこの makepad-2.0-troubleshooting ガイドを使ってください。

makepad-2.0-theme は、theme.* 変数の適用、ダーク／ライトテーマの切り替え、デザイントークンに基づく一貫したスタイル維持を行うための Makepad 2.0 テーマ用 skill です。本ガイドでは、makepad-2.0-theme のインストール方法と使い方を、プロダクション UI やデザインシステムの観点からわかりやすく確認できます。

makepad-2.0-splash は、`script_mod!{}` 内で有効なランタイム UI スクリプトを記述するための Makepad 2.0 Splash スキルです。状態管理、イベント配線、ホットリロードの流れ、Canvas 駆動のアプリ設計を安定して扱えます。構文の確認、導入の手順、フロントエンド開発での実践的な使い方を知りたいときに、この makepad-2.0-splash ガイドが役立ちます。

makepad-2.0-shaders は、Makepad 2.0 の shader code を書き、デバッグするための Frontend Development スキルです。pixel: fn() と vertex: fn() ブロック、Sdf2d の形状、カスタム widget の描画、premultiplied alpha、そして実践的な導入・使用ガイダンスに、この makepad-2.0-shaders スキルを活用してください。

makepad-2.0-performance は、Makepad 2.0 のパフォーマンス改善とデバッグに絞ったガイドです。draw batching、render triggers、GC の挙動、テキストが表示されない問題、UI のフリーズ、スクロールのカクつきなどの原因切り分けに役立ちます。実際の描画トラブルに直結した makepad-2.0-performance の使い方、インストール、トラブルシューティングを知りたいときに向いています。

makepad-2.0-migration は、Makepad プロジェクトを 1.x から 2.0 へ移行するための実用的なスキルです。`live_design!` を `script_mod!` に置き換えたり、derive やライフサイクルフックを更新したりしながら、実装重視のアップグレードを進めるための makepad-2.0-migration ガイドとして、迷いを減らせます。

makepad-2.0-layout は、UI のアイデアを正しい Walk および Layout コードに落とし込むための Makepad 2.0 レイアウトスキルです。サイズ指定、フロー、余白、パディング、配置、スクロールコンテナの挙動まで、デザイン実装・インストール・使い方を実務的に案内します。一般的な CSS の知識ではなく、Makepad 固有のレイアウト判断が必要なときに使ってください。