Agent Plugins Marketplace
← All plugins

designer

v2.4.1

A working UI-design practice for Claude: read the project before touching it, derive one visual stance from the brief and commit to it in writing, build on semantic tokens, use real content, and check the result against an accessibility and taste floor before calling it done. Includes an aesthetic-ingredient sampler that pulls builds away from trained defaults, thirteen in-depth reference files, and an optional Essentialist designer persona distilled from the Bauhaus, Dieter Rams, and Jonathan Ive lineage. Ships a second, independent skill, the Materialist: the Liquid Glass aesthetic as a decision function and its laws, with the measured optics of the material and a cookbook for vitrea, its web implementation. Reconstructs the workflow method observed in Figma Make; not affiliated with Figma, Inc., and not a Figma integration.

Claude Code2 Skills

By SSFSKIMLicense: Apache-2.00 GitHub starsUpdated 2 weeks ago

Directory evidence

Runtimes
Claude Code
Parsed components
2 skill or MCP entries
Source updated
Sep 27, 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 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 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/SSFSKIM/designer

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The repository root is the plugin root.

Plugin files

designer/
├── .claude-plugin/plugin.json
├── skills/designer/SKILL.md
└── skills/materialist/SKILL.md

Included Skills2

designerskills/designer/SKILL.md

Always invoke this skill for any UI/UX or design work — designing, building, redesigning, reworking, restyling, or improving a user interface or visual artifact.

materialistskills/materialist/SKILL.md

Invoke whenever a UI uses or asks for Liquid Glass, glassmorphism, glass or translucent floating controls, an Apple-, macOS- or visionOS-like material, or the vitrea library (@vitreajs/*), whether designing, building or reviewing such an interface. Not for developing the vitrea runtime, its renderer or its calibration harness themselves.

Plugin manifests1

.claude-plugin/plugin.json
{
  "$schema": "https://json.schemastore.org/claude-code-plugin-manifest.json",
  "name": "designer",
  "displayName": "Designer",
  "version": "2.4.1",
  "description": "A working UI-design practice for Claude: read the project before touching it, derive one visual stance from the brief and commit to it in writing, build on semantic tokens, use real content, and check the result against an accessibility and taste floor before calling it done. Includes an aesthetic-ingredient sampler that pulls builds away from trained defaults, thirteen in-depth reference files, and an optional Essentialist designer persona distilled from the Bauhaus, Dieter Rams, and Jonathan Ive lineage. Ships a second, independent skill, the Materialist: the Liquid Glass aesthetic as a decision function and its laws, with the measured optics of the material and a cookbook for vitrea, its web implementation. Reconstructs the workflow method observed in Figma Make; not affiliated with Figma, Inc., and not a Figma integration.",
  "author": {
    "name": "SSFSKIM"
  },
  "homepage": "https://github.com/SSFSKIM/designer",
  "repository": "https://github.com/SSFSKIM/designer",
  "license": "Apache-2.0",
  "keywords": [
    "design",
    "ui",
    "frontend",
    "design-system",
    "typography",
    "color",
    "accessibility",
    "personas",
    "dieter-rams",
    "bauhaus",
    "liquid-glass",
    "vitrea"
  ]
}

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.

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