Makepad

makepad-2.0-events ist ein Makepad-2.0-Skill für Event- und Action-Handling in der Frontend-Entwicklung. Er hilft dir, die richtige Ebene für on_click, on_render, MatchEvent und script_eval! zu wählen und UI-Interaktionen mit weniger Rätselraten an Rust-State-Updates anzubinden. Nutze ihn für Installations-, Anwendungs- und Workflow-Hinweise.

makepad-2.0-dsl ist ein praxisnahes Skill zum Schreiben, Lesen und Korrigieren von Makepad 2.0 DSL `script_mod!`-UI-Code. Es hilft Frontend-Entwicklern und Rust-UI-Autoren dabei, Doppelpunkt-Syntax, benannte Instanzen, Merge-Verhalten und Rust-Bindings korrekt zu verwenden, mit einem klaren makepad-2.0-dsl-Leitfaden für Installation und Nutzung.

makepad-2.0-design-judgment ist die erste Makepad-2.0-Skill, die für Designbewertung, Architektur, Komponentengrenzen, Datenfluss und Rendering-Strategie geladen werden sollte. Verwenden Sie die makepad-2.0-design-judgment-Skill, um Anfragen an die passende Makepad-Compliance-Skill weiterzuleiten und vor der Implementierung bessere Designentscheidungen zu treffen.

makepad-2.0-app-structure Skill-Guide für die App-Struktur in Makepad 2.0, die Integration von Rust + Splash, Hot Reload und das Bootstrapping der App. Erfahre, wie du makepad-2.0-app-structure installierst, die wichtigsten Referenzen liest und es für die Frontend-Entwicklung nutzt, ohne beim Boilerplate zu raten.

makepad-2.0-widgets hilft dir, die passenden Makepad-2.0-Widgets, Eigenschaften und Kompositionsmuster für die UI-Design-Implementierung zu finden. Nutze es, wenn du makepad-2.0-widgets verwenden willst, ein Widget-Katalog-Lookup brauchst oder eine praxisnahe Anleitung für Layouts, Listen, Dialoge und fortgeschrittene Muster in Splash-Syntax suchst.

makepad-2.0-vector ist ein Makepad-2.0-Vector-Grafik-Skill für SVG-ähnliche UI-Design-Aufgaben. Verwende ihn, um klare Icons, Badges, Illustrationen, Verläufe, Filter, Transformationen und animierte Vektorelemente mit Vector{} oder Svg{} zu erstellen. Der Leitfaden hilft dir, makepad-2.0-vector zu installieren und implementierungsreife Ergebnisse mit weniger Rätselraten zu bekommen.

makepad-2.0-troubleshooting ist ein fokussierter Makepad-2.0-Fehlerbehebungs-Skill für Debugging von Symptom zu Lösung. Er hilft bei unsichtbarer UI, Klickfehlern, Compile-Fehlern, Hot-Reload-Problemen und Migrationsregressionen. Nutze diesen makepad-2.0-troubleshooting-Leitfaden, wenn du schnelle, code-nahe Diagnose für Backend Development oder UI-lastige Apps brauchst.

makepad-2.0-theme ist ein Makepad-2.0-Theme-Skill zum Anwenden von `theme.*`-Variablen, zum Umschalten zwischen dunklen und hellen Themes und für konsistentes Design-Token-Styling. Dieser Leitfaden hilft dir, die Installation und Nutzung von makepad-2.0-theme für produktive UIs und Designsysteme einzuordnen.

makepad-2.0-splash ist ein Makepad 2.0 Splash Skill zum Schreiben gültiger Runtime-UI-Skripte in script_mod!{} mit zuverlässigem State-Handling, Event-Verdrahtung, Hot-Reload-Workflows und Canvas-getriebenen App-Mustern. Nutzen Sie diesen makepad-2.0-splash-Leitfaden, wenn Sie klare Syntax, Installationshinweise und praxisnahe Verwendung für Frontend-Entwicklungsaufgaben brauchen.

makepad-2.0-shaders ist eine Frontend-Development-Skill für das Schreiben und Debuggen von Makepad-2.0-Shader-Code. Verwende diese makepad-2.0-shaders-Skill für `pixel: fn()`- und `vertex: fn()`-Blöcke, `Sdf2d`-Shapes, benutzerdefiniertes Widget-Rendering, premultiplizierte Alpha-Werte sowie praxisnahe Hinweise zu Installation und Nutzung.

makepad-2.0-performance ist ein fokussierter Leitfaden für Performance und Debugging in Makepad 2.0. Er hilft dabei, Draw-Batching, Render-Trigger, GC-Verhalten, unsichtbaren Text, UI-Freeze und Scroll-Ruckeln zu diagnostizieren. Verwenden Sie ihn, wenn Sie praxisnahe Hinweise zu Nutzung, Installation und Fehlerbehebung für makepad-2.0-performance suchen, die direkt an reale Rendering-Probleme anknüpfen.

makepad-2.0-migration ist ein praktisches Skill für die Migration von Makepad-Projekten von 1.x auf 2.0. Es hilft dabei, `live_design!` in `script_mod!` zu überführen, Derives und Lifecycle-Hooks anzupassen und mit einem fokussierten makepad-2.0-migration-Leitfaden für praxisnahe Upgrades Unsicherheit zu reduzieren.

makepad-2.0-layout ist eine Makepad-2.0-Layout-Skill für die Übersetzung von UI-Ideen in gültigen Walk- und Layout-Code. Sie hilft bei Größenanpassung, Flow, Abständen, Padding, Ausrichtung und dem Verhalten von Scroll-Containern und bietet praxisnahe Hinweise für Design-Umsetzung, Installation und Nutzung. Verwenden Sie sie, wenn Sie Makepad-spezifische Layout-Entscheidungen brauchen statt allgemeiner CSS-Ratschläge.