Toolverse
All skills

makepad-widgets

by ZhangHanDong

CRITICAL: Use for Makepad widgets and UI components. Triggers on:\nmakepad widget, makepad View, makepad Button, makepad Label, makepad Image,\nmakepad TextInput, RoundedView, SolidView, ScrollView, \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Frontend
Views
3

About this skill

CRITICAL: Use for Makepad widgets and UI components. Triggers on:\nmakepad widget, makepad View, makepad Button, makepad Label, makepad Image,\nmakepad TextInput, RoundedView, SolidView, ScrollView, \

How to use

  1. Zainstaluj umiejętność w swoim środowisku Claude'a, wskazując repozytorium https://github.com/ZhangHanDong/makepad-skills/tree/main/skills/makepad-widgets. 2. Wyzwól umiejętność, pytając o komponenty Makepad – na przykład "Jak zrobić Button w Makepadzie?" lub "Pokaż mi kod dla View z TextInput". Umiejętność automatycznie rozpoznaje zapytania zawierające nazwy widgetów takie jak makepad widget, makepad Button, makepad Label, RoundedView, ScrollView i inne. 3. Umiejętność najpierw sprawdzi dostępne pliki referencyjne (widgets-core.md, widgets-advanced.md, widgets-richtext.md). Jeśli dokumentacja lokalna jest niekompletna, otrzymasz sugestię uruchomienia /sync-crate-skills makepad --force w celu aktualizacji. 4. Na podstawie dokumentacji i wbudowanej wiedzy umiejętność wygeneruje kod Rust dla żądanego widgetu, pokazując strukturę, właściwości (width, height, padding, kolory) i wzorce stylizacji. 5. Pytaj o szczegóły – na przykład jak ustawić kolory hover, zaokrąglone rogi, tekst lub przepływ elementów. Umiejętność wyjaśni każdą właściwość i pokaże praktyczne przykłady. 6. Sprawdzaj aktualizacje umiejętności na stronie https://crates.io/crates/makepad-widgets, aby mieć dostęp do najnowszych widgetów i funkcji.

Related skills

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

apple-reminders

by openclaw

Manage Apple Reminders via the `remindctl` CLI on macOS (list, add, edit, complete, delete). Supports lists, date filters, and JSON/plain output.

Frontend
2085

react

by lobehub

React component development guide. Use when working with React components (.tsx files), creating UI, using @lobehub/ui components, implementing routing, or building frontend features. Triggers on React component creation, modification, layout implementation, or navigation tasks.

Frontend
2058

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298

svg-precision

by dkyazzentwatwa

Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.

Frontend
233466

domain-name-brainstormer

by ComposioHQ

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Frontend
21116