Agent Plugins Marketplace
← All plugins

graphic-designer

v4.2.1-alpha

Graphic design for napkin-sketch, as a plugin: the /graphic-designer:design-language command that reads one media file into a written DESIGN_LANGUAGE.md and generates a per-asset skill that can draw more work in the same language, and the two skills behind it - design-language (what to measure in an asset, how to write it down, and how to generate the skill and its scripts) and graphic-design-api (composing rectangles, circles, ellipses, triangles, polygons, clipping masks, styled text and placed media into an SVG or a PNG through the napkin-sketch graphic-design API).

Claude Code1 Skill

By John HaugabookLicense: MIT1 GitHub starsUpdated last week

Directory evidence

Runtimes
Claude Code
Parsed components
1 skill or MCP entry
Source updated
Sep 13, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install graphic-designer for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install graphic-designer@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/isocialPractice/napkin-sketch

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is ai-helper/graphic-designer/.

Plugin files

ai-helper/graphic-designer/
├── .claude-plugin/plugin.json
└── skills/design-language/SKILL.md

Included Skills1

design-languageskills/design-language/SKILL.md

Read an existing graphic and write down the design language it was drawn in, then generate a per-asset skill that can draw more work in that same language. Use when asked to capture, document, extract, or reverse-engineer the visual style of an image (JPG, PNG, SVG, GIF); when a DESIGN_LANGUAGE.md is wanted for a logo, poster, card, social post, or brand asset; when new graphics must match an existing one; or when a repeated graphics task (social posting, thumbnails, banners) should become something a tool can run rather than a brief re-described each time. Covers what to measure in an asset and what cannot be measured, the DESIGN_LANGUAGE.md naming rules, generating the per-asset skill and its scripts, and composing the output through the napkin-sketch graphic-design API.

Plugin manifests1

ai-helper/graphic-designer/.claude-plugin/plugin.json
{
  "name": "graphic-designer",
  "displayName": "napkin-sketch graphic designer",
  "description": "Graphic design for napkin-sketch, as a plugin: the /graphic-designer:design-language command that reads one media file into a written DESIGN_LANGUAGE.md and generates a per-asset skill that can draw more work in the same language, and the two skills behind it - design-language (what to measure in an asset, how to write it down, and how to generate the skill and its scripts) and graphic-design-api (composing rectangles, circles, ellipses, triangles, polygons, clipping masks, styled text and placed media into an SVG or a PNG through the napkin-sketch graphic-design API).",
  "version": "4.2.1-alpha",
  "author": {
    "name": "John Haugabook"
  },
  "homepage": "https://github.com/isocialPractice/napkin-sketch",
  "repository": "https://github.com/isocialPractice/napkin-sketch",
  "license": "MIT",
  "keywords": [
    "svg",
    "png",
    "design-system",
    "design-language",
    "graphic-design",
    "napkin-sketch"
  ]
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[graphic-designer on Agent Plugins Marketplace](https://pluginsmp.com/plugins/graphic-designer)