yummylabs-coder

Yummy Design Plugins — Design skill for Claude Code

Design community

Claude Code plugins for designers — set up your project so Claude can be a real design partner.

How to install Yummy Design Plugins

This entry records only its repository, not the path inside it, so there is no exact command to give. Open yummylabs-coder/yummy-design-plugins and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Yummy Design Plugins does

Claude Code plugins for designers — set up your project so Claude can be a real design partner.

Alternatives in Design

Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
Scroll Craft — Claude Code skill for premium scroll-driven websites 1k ★

README

Yummy Design, Claude Code plugins

Design tooling for Claude Code, built for designers rather than for engineers who happen to design.

Install

**These go to Claude rather than to your computer.** You type them at Claude's own prompt, the same place you'd type "help me with this screen." That works identically whether you run Claude Code in a terminal or in the desktop app. If you'd rather run it from a shell, see option 3.

Option 1: send two messages

The easiest route, and it works everywhere. Open Claude Code and send:

/plugin marketplace add yummylabs-coder/yummy-design-plugins

Then:

/plugin install design-context@yummy-design

For the Figma docs skill, send this one as well:

/plugin install figma-component-docs@yummy-design

That's it. If Claude says *"Run /reload-plugins to activate"*, send that too.

Option 2: click through the desktop app

In the Claude Code desktop app, click the **+** button next to the message box, then **Plugins**, then **Add plugin**. You'll get a browser showing what each plugin installs and what it costs you in context.

You'll still need to add the marketplace once using the first line from option 1. After that, everything is clicking, including updates.

Option 3: from a terminal, without opening Claude

If you live in the terminal, install it straight from your shell:

claude plugin marketplace add yummylabs-coder/yummy-design-plugins
claude plugin install design-context@yummy-design
claude plugin install figma-component-docs@yummy-design

This installs to user scope by default. Add `--scope project` to share it with everyone on a repo. It loads the next time you start Claude Code, or run `/reload-plugins` in a session that's already open.