Toolverse
All skills

makepad-splash

by ZhangHanDong

CRITICAL: Use for Makepad Splash scripting language. Triggers on:\nsplash language, makepad script, makepad scripting, script!, cx.eval,\nmakepad dynamic, makepad AI, splash 语言, makepad 脚本

Installation

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

Installation

Quick info

Category
Frontend
Views
1

About this skill

CRITICAL: Use for Makepad Splash scripting language. Triggers on:\nsplash language, makepad script, makepad scripting, script!, cx.eval,\nmakepad dynamic, makepad AI, splash 语言, makepad 脚本

How to use

  1. Upewnij się, że masz zainstalowany Makepad w wersji dev branch (makepad-widgets). Sprawdź dostępne aktualizacje na stronie crates.io/crates/makepad-widgets.

  2. Jeśli chcesz zaktualizować dokumentację lokalną, uruchom komendę /sync-crate-skills makepad --force, aby pobrać najnowsze pliki referencyjne, w tym splash-tutorial.md.

  3. Aby napisać skrypt Splash, użyj makra script! w kodzie Rust. Wewnątrz makra definiuj zmienne (let x = 10), funkcje (fn add(a, b)) i logikę sterowania przepływem (if-else, pętle).

  4. Do ewaluacji kodu Splash w czasie wykonania użyj cx.eval(code_string) lub cx.eval_with_context(code, context) — przekaż kod jako string, a Makepad go wykona.

  5. Zapoznaj się z podstawową składnią: zmienne (let, tablice, obiekty), funkcje ze zwracaniem wartości, instrukcje warunkowe. Splash obsługuje też console.log() do debugowania.

  6. Dla zaawansowanych scenariuszy (żądania HTTP, operacje asynchroniczne, dynamiczne generowanie UI) odwołaj się do lokalnego pliku splash-tutorial.md lub poproś umiejętność o konkretne przykłady.

Related skills

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173

shadcn-ui

by josechifflet

shadcn/ui component patterns for Next.js 16 applications. This skill should be used when adding UI components, customizing component styles, composing primitives, or integrating forms with react-hook-form. Covers installation, customization, composition patterns, and

Frontend
157206

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

shadcn-ui-setup

by maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

Frontend
23167

mermaid-gen

by vladm3105

Generate syntactically correct Mermaid diagrams for technical documentation

Frontend
23124

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