Skip to content

Designer Toolkit Skills

by MC DeanPluginWrite better

Helps you write design case studies, rationale, presentations and interface copy

View on GitHub

About Designer Toolkit Skills

A Claude Code plugin with 7 skills and 4 commands for the writing side of design work: portfolio case studies, design rationale, presentation outlines, UX copy and design-system adoption plans.

For Product designersUX designersDesign students

Made by MC Dean

MC Dean publishes the Designer Skills collection of open-source agent skills for design work and writes the MC Percolates newsletter.

Stars
★ 3.2k
License
MIT
Cost
Free
For
Claude Code
Contents
Instructions only

Overview

Designer Toolkit is a Claude Code plugin from the Designer Skills collection by MC Dean. It adds 7 skills and 4 commands for the writing side of design work: portfolio case studies, design rationale, presentation outlines, UX copy and design-system adoption plans. It also carries the start-here command, which reads what you are working on and names one command to run next. It suits designers who need to explain, defend or present their work.

Its start-here command points you to one next step across the whole collection, so you do not have to learn more than 100 skills first.

Try these first

Start with the first one: it is a small task you can check easily.

  1. /designer-toolkit:start-here I'm redesigning the onboarding for [product] and have no research yet.First try

  2. /designer-toolkit:write-case-study Turn these project notes into a portfolio case study: [paste notes]

  3. /designer-toolkit:write-rationale Explain why we chose a single-page checkout, linked to user needs and business goals.

  4. Rewrite these error messages so they say what went wrong and what to do next: [paste messages]

Example prompts written by Agent Flows Hub.

What you get

From the creator's documentation.

OutputWhat it isReads
Start hereNames your project stage, one command to run now and the two that followWhat you paste
Case studiesA portfolio story with challenge, process, solution and outcomesWhat you paste
Design rationaleWritten reasons that tie decisions to user needs, goals and principlesWhat you paste
PresentationsA design presentation structured for one audience and one decisionWhat you paste
UX writingMicrocopy, error messages, empty states and button labelsWhat you paste
Adoption and negotiationPlans to get teams using a design system, and notes for scope talksWhat you paste

Good to know

You finished a project and need a portfolio case study or a written rationale for your decisions. The plugin structures the story and ties each decision to user needs and goals.

Limits

  • It writes from what you tell it. Outcomes and numbers in a case study must come from you; check that it has not filled gaps with guesses.
  • Commands for other plugins in the collection only work after you install those plugins too.

Notes by (original project name: designer-toolkit), written from the creator's documentation, not from running it ourselves. designer-toolkit plugin: skills and commands · Designer Skills: getting started

Stuck setting it up?

Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.

Get help

Other plugins

  • Discord for Claude Code Lets you message your running Claude Code session from Discord and get replies there
  • Elephant-Goldfish Model Helps your coding agent draft a feature spec, then has fresh reviewers poke holes in it
  • Expo Skills Teaches Claude Code how to build, publish and update phone apps made with Expo
  • Google Workspace in Gemini CLI Lets Gemini CLI read and write your Gmail, Calendar, Drive, Docs, Sheets, Slides and Chat
  • iMessage for Claude Code Lets you text your running Claude Code session from iMessage and get replies there
  • Lemo-Opuscar Turns your topic into a short animated film in one of 66 ready-made visual styles

See all 30 plugins

GitHub