Makepad

makepad-2.0-events là một skill Makepad 2.0 cho xử lý event và action trong Frontend Development. Skill này giúp bạn chọn đúng lớp xử lý cho `on_click`, `on_render`, `MatchEvent` và `script_eval!`, rồi nối tương tác UI với cập nhật state trong Rust mà ít phải phỏng đoán hơn. Dùng nó cho hướng dẫn cài đặt, cách dùng và quy trình làm việc.

makepad-2.0-dsl là một kỹ năng thực tiễn để viết, đọc và sửa mã UI `script_mod!` của Makepad 2.0 DSL. Kỹ năng này giúp lập trình viên frontend và tác giả UI Rust dùng đúng cú pháp dấu hai chấm, instance có tên, cơ chế merge và bindings Rust, với hướng dẫn makepad-2.0-dsl rõ ràng cho cài đặt và sử dụng.

makepad-2.0-design-judgment là skill Makepad 2.0 đầu tiên nên tải khi cần đánh giá thiết kế, kiến trúc, ranh giới thành phần, luồng dữ liệu và chiến lược render. Hãy dùng skill makepad-2.0-design-judgment để điều hướng yêu cầu đến đúng skill tuân thủ Makepad và đưa ra lựa chọn thiết kế tốt hơn trước khi triển khai.

Hướng dẫn skill makepad-2.0-app-structure cho cấu trúc ứng dụng Makepad 2.0, tích hợp Rust + Splash, hot reload và khởi tạo ứng dụng. Tìm hiểu cách cài makepad-2.0-app-structure, đọc các tài liệu tham chiếu cốt lõi và dùng nó cho phát triển frontend mà không phải đoán mò phần boilerplate.

makepad-2.0-widgets giúp bạn tìm đúng widget, thuộc tính và mẫu ghép nối của Makepad 2.0 cho triển khai thiết kế UI. Hãy dùng khi bạn cần tra cứu cách dùng makepad-2.0-widgets, tra catalog widget, hoặc một hướng dẫn thực hành để xây dựng layout, danh sách, hộp thoại và các mẫu nâng cao trong cú pháp Splash.

makepad-2.0-vector là một kỹ năng đồ họa vector của Makepad 2.0 dành cho công việc thiết kế UI kiểu SVG. Dùng để tạo icon sắc nét, huy hiệu, minh họa, gradient, filter, transform và các phần tử vector có animation với Vector{} hoặc Svg{}. Hướng dẫn này giúp bạn cài đặt makepad-2.0-vector và nhận đầu ra sẵn sàng triển khai với ít phải đoán mò hơn.

makepad-2.0-troubleshooting là một skill xử lý sự cố Makepad 2.0 chuyên sâu, tập trung vào debug theo triệu chứng để tìm cách khắc phục nhanh. Skill này hỗ trợ các lỗi như UI không hiển thị, click không hoạt động, lỗi biên dịch, sự cố hot reload và regressions khi chuyển đổi phiên bản. Hãy dùng hướng dẫn makepad-2.0-troubleshooting này khi bạn cần chẩn đoán nhanh ở mức mã nguồn cho Backend Development hoặc các ứng dụng nặng về UI.

makepad-2.0-theme là một skill theme cho Makepad 2.0, dùng để áp dụng các biến `theme.*`, chuyển đổi giữa giao diện tối và sáng, và giữ cho styling theo design token luôn nhất quán. Hãy dùng hướng dẫn này để hiểu cách cài đặt và sử dụng makepad-2.0-theme cho UI production và hệ thiết kế.

makepad-2.0-splash là một skill Makepad 2.0 Splash để viết các script UI runtime hợp lệ trong `script_mod!{}` với xử lý state đáng tin cậy, liên kết sự kiện, luồng hot reload và các mẫu app dựa trên Canvas. Hãy dùng hướng dẫn makepad-2.0-splash này khi bạn cần cú pháp rõ ràng, hướng dẫn cài đặt và cách dùng thực tế cho các tác vụ phát triển frontend.

makepad-2.0-shaders là một skill cho Frontend Development dùng để viết và gỡ lỗi mã shader Makepad 2.0. Hãy dùng skill makepad-2.0-shaders này cho các khối `pixel: fn()` và `vertex: fn()`, hình dạng `Sdf2d`, vẽ widget tùy biến, alpha premultiplied, cùng hướng dẫn cài đặt và sử dụng thực tế.

makepad-2.0-performance là một hướng dẫn tập trung về hiệu năng và gỡ lỗi cho Makepad 2.0. Nó giúp chẩn đoán batching draw, render triggers, hành vi GC, text bị ẩn, UI bị đóng băng và hiện tượng cuộn giật. Hãy dùng khi bạn cần các bước sử dụng, cài đặt và khắc phục sự cố thực tế cho makepad-2.0-performance, gắn trực tiếp với những vấn đề render cụ thể.

makepad-2.0-migration là một skill thực dụng để di chuyển dự án Makepad từ 1.x lên 2.0. Skill này giúp chuyển đổi `live_design!` sang `script_mod!`, cập nhật các derive và lifecycle hooks, đồng thời giảm phần phải tự đoán nhờ một hướng dẫn makepad-2.0-migration tập trung cho những nâng cấp thiên về triển khai thực tế.

makepad-2.0-layout là một skill bố cục cho Makepad 2.0, giúp chuyển ý tưởng giao diện thành code Walk và Layout hợp lệ. Skill này hỗ trợ sizing, flow, spacing, padding, alignment và hành vi của scroll container, kèm hướng dẫn thực tế cho triển khai thiết kế, cài đặt và sử dụng. Hãy dùng nó khi bạn cần quyết định bố cục riêng cho Makepad thay vì lời khuyên CSS chung chung.