What are Claude Code Skills?

Claude Code Skills are reusable prompt templates stored as markdown files in your project's .claude/skills/ directory. They let you codify best practices and common workflows into slash commands that Claude follows consistently.

How do I create a Claude Code Skill?

Create a markdown file in .claude/skills/ with instructions for Claude. The filename becomes the command name — for example, .claude/skills/code-review.md can be invoked with /code-review during a Claude Code session.

Can I share skills with my team?

Yes. Skills stored in .claude/skills/ can be committed to version control so every team member has access to the same standardized workflows. You can also organize skills into subdirectories by category.

What is the difference between project and global skills?

Project skills (.claude/skills/) are specific to the current project and are committed to git. Global skills (~/.claude/skills/) are personal skills available across all your projects.

makepad-skills

New

740Community RegistryDevelopmentby ZhangHanDong

16 skills covering Makepad DSL, widgets, layouts, shaders, Robius patterns, and MolyKit AI integration

Community PluginView Source

Overview

Skills for building cross-platform UI applications with Makepad 2.0.

Skills (14)

Skill	Description
`makepad-2.0-design-judgment`	Entry point. Design judgment anchors (Elm Architecture, Presentational/Container, GPU rendering mental model). Load this first, then co-load specific skills below.
`makepad-2.0-app-structure`	App structure, `app_main!`, ScriptVm, Cargo setup, hot reload
`makepad-2.0-dsl`	DSL syntax, `script_mod!`, colon syntax, `mod.widgets`, let bindings
`makepad-2.0-layout`	Layout system, Flow, Fill, Fit, Inset, spacing, alignment
`makepad-2.0-widgets`	Widget catalog (View, Button, Label, TextInput, PortalList, Dock, etc.)
`makepad-2.0-events`	Event/action handling, `on_click`, `on_render`, Hit, `ids!`
`makepad-2.0-animation`	Animator, states, Forward/Snap/Loop, ease functions
`makepad-2.0-shaders`	Shader system, `draw_bg`, Sdf2d, pixel/vertex fn, DrawQuad
`makepad-2.0-splash`	Splash scripting language, streaming evaluation, hot reload
`makepad-2.0-theme`	Theme system, `mod.themes`, colors, fonts, dark/light mode
`makepad-2.0-vector`	Vector graphics, SVG paths, gradients, tweens, DropShadow
`makepad-2.0-performance`	Performance optimization, GC, draw batching, ViewOptimize
`makepad-2.0-troubleshooting`	Common mistakes, FAQ, debugging tips
`makepad-2.0-migration`	Migration guide from Makepad 1.x to 2.0

Installation

Option 1: Add as Working Directory

json

// .claude/settings.json
{
  "additionalWorkingDirectories": [
    "/path/to/makepad-skills"
  ]
}

Option 2: Symlink to Skills Directory

bash

for skill in skills/*; do
    ln -sf "$(pwd)/$skill" ~/.claude/skills/
done

Option 3: Copy Skills

bash

cp -r skills/* ~/.claude/skills/

Legacy

Makepad 1.x skills (including Robius and MolyKit patterns) are archived on the `v1/makepad-1.0` branch.

Source

•Makepad: https://github.com/makepad/makepad

License

MIT

Install & Usage

Create the skills directory

mkdir -p .claude/skills

Download the skill file

mkdir -p .claude/skills && curl -o .claude/skills/makepad-skills.md https://raw.githubusercontent.com/ZhangHanDong/makepad-skills/main/SKILL.md

Invoke in Claude Code

/makepad-skills

View source on GitHub

Frequently Asked Questions

What is makepad-skills?

16 skills covering Makepad DSL, widgets, layouts, shaders, Robius patterns, and MolyKit AI integration

How to install makepad-skills?

To install makepad-skills, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /makepad-skills.

What is makepad-skills best for?

makepad-skills is a community categorized under Development. Created by ZhangHanDong.