makepad-skills – Design & UI skill for AI agents
Makepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting.
Install the makepad-skills skill with one command
Pick the tool you use, copy the command and paste it in your terminal. The skill lands in that tool's skills folder and is ready in your next session.
Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skill.dn1nguoi.com/z/makepad-skills-64303.tgz | tar xz -C ~/.claude/skills
Call it in Claude Code: /makepad-skills – then describe the task you want done.
Codex
mkdir -p ~/.codex/skills && curl -fsSL https://skill.dn1nguoi.com/z/makepad-skills-64303.tgz | tar xz -C ~/.codex/skills
Call it in Codex: $makepad-skills – then describe the task you want done.
Hermes Agent
mkdir -p ~/.hermes/skills && curl -fsSL https://skill.dn1nguoi.com/z/makepad-skills-64303.tgz | tar xz -C ~/.hermes/skills
Call it in Hermes Agent: /makepad-skills – then describe the task you want done.
DeepSeek
mkdir -p ~/.deepcode/skills && curl -fsSL https://skill.dn1nguoi.com/z/makepad-skills-64303.tgz | tar xz -C ~/.deepcode/skills
Call it in DeepSeek: /makepad-skills – then describe the task you want done.
SKILL.md content
Makepad Skills
Overview
Makepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting.
When to Use This Skill
Use this skill when you need to work with makepad ui development skills for rust apps: setup, patterns, shaders, packaging, and troubleshooting..
Procedure
This entrypoint is a directory guide, not the full upstream Rust UI library.
Identify the target platform, Rust toolchain, installed Makepad revision and desired
UI behavior. Prefer the specific installed AAS skill (makepad-basics,
makepad-widgets, or makepad-deployment) matching the task after verifying it is
available. Inspect actual project manifests and compile the smallest affected
example before broad integration; do not assume upstream APIs match the installed
version. For shader/layout issues, inspect actual rendered output when available.
Packaging, signing, device deployment and provider downloads require their own scope.
Return changed paths, actual build results and unverified platform behavior.
Example
User request:
> Use @makepad-skills for this task: Makepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting.
Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.
Related skills
- markstream-nuxt – Integrate markstream-vue into Nuxt 3 or 4 with SSR-safe client boundaries, renderer…
- markstream-svelte – Integrate the beta markstream-svelte renderer into Svelte 5 or SvelteKit with runes…
- markstream-vue2 – Integrate markstream-vue2 into Vue 2.6 or 2.7 with correct Composition API decisions…
- markstream-vue2-vite – Integrate markstream-vue2 into Vue 2 plus Vite with bundled worker imports, CSS…
- material-design – Web and App implementation guide for Material Design. Trigger when user wants Google's…
- mermaid-expert – Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters…
- meta-tag-generator – Meta Tag Generator. Use when working with page summary, URL and optional brand or social…
- minimalism – Web and App implementation guide for the Minimalism design style. Trigger when the user…