Agent Plugins Marketplace
← All plugins

design-plugin

v1.3.0

Design direction and creative guidance for styleguides, aesthetic strategy, typography, color systems, design review, and design systems. Requires media-plugin for asset generation.

Codex4 Skills

By Lukas KellersteinLicense: UNLICENSED1 GitHub starsUpdated last week

Directory evidence

Runtimes
Codex
Parsed components
4 skill or MCP entries
Source updated
Sep 14, 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 design-plugin for Codex

Installs for the current user
codex plugin marketplace add lukaskellerstein/codex-my-marketplace
codex plugin marketplace upgrade codex-my-marketplace
codex plugin add design-plugin@codex-my-marketplace

Paste and run these commands in a terminal with Codex. They add and refresh the codex-my-marketplace catalog, then install this plugin.

Compatibility: the page URL and API slug “design-plugin” remain stable.

  • Codex: design-plugin@agent-plugin-marketplace → design-plugin@codex-my-marketplace

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/lukaskellerstein/codex-my-marketplace

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

Plugin files

plugins/design-plugin/
├── .codex-plugin/plugin.json
├── skills/design-review/SKILL.md
├── skills/design-system/SKILL.md
├── skills/frontend-aesthetics/SKILL.md
└── skills/styleguide/SKILL.md

Included Skills4

design-reviewskills/design-review/SKILL.md

Review and critique existing designs, websites, or frontend code against design principles. Checks for common anti-patterns like generic fonts, poor contrast, inconsistent spacing, and lack of visual hierarchy. Use when the user asks to "review my design", "what's wrong with this layout", "critique my website", "how can I improve the design", "audit the UI", "check my frontend", "make it look more professional", or "why does this look off". Produces actionable feedback with specific fix suggestions referencing other skills.

design-systemskills/design-system/SKILL.md

Manage and audit design system consistency — color palettes, typography scales, spacing systems, accessibility (WCAG contrast checks), and component inventory. Use when the user asks to "check contrast ratios", "audit my design system", "create a color palette", "generate a type scale", "check accessibility", "WCAG compliance", or "review design consistency".

frontend-aestheticsskills/frontend-aesthetics/SKILL.md

Design guidance and aesthetic patterns for building beautiful, distinctive frontends — websites, web apps, landing pages. Provides typography strategies, color application, motion choreography, layout composition, and component design recipes. Use when the user asks to "make this look better", "improve the design", "it looks too generic", "add visual polish", "make it look professional", "design a landing page", "hero section design", "make it beautiful", or any request about visual quality of frontend code. Prevents generic "AI slop" by providing opinionated, intentional design patterns.

styleguideskills/styleguide/SKILL.md

Create a comprehensive design language and styleguide for any project — websites, apps, blogs, presentations, marketing pages. Given a project type, brand, and audience, produces aesthetic direction, font selections with pairings, color strategy, spacing philosophy, imagery style, and tone. Use when the user asks to "create a styleguide", "define the design language", "what fonts should I use", "choose a color palette for my project", "design direction for my website", "how should my app look", "visual identity", or "brand style". References design-system for technical implementation and media-plugin for asset generation.

Plugin manifests1

plugins/design-plugin/.codex-plugin/plugin.json
{
  "name": "design-plugin",
  "version": "1.3.0",
  "description": "Design direction and creative guidance for styleguides, aesthetic strategy, typography, color systems, design review, and design systems. Requires media-plugin for asset generation.",
  "author": {
    "name": "Lukas Kellerstein",
    "url": "https://github.com/lukaskellerstein"
  },
  "homepage": "https://github.com/lukaskellerstein/codex-my-marketplace",
  "repository": "https://github.com/lukaskellerstein/codex-my-marketplace",
  "license": "UNLICENSED",
  "keywords": [
    "codex",
    "design",
    "styleguide",
    "frontend",
    "review"
  ],
  "skills": "./skills/",
  "interface": {
    "displayName": "Design Plugin",
    "shortDescription": "Design direction and UI taste workflows.",
    "longDescription": "Adds Codex skills and agents for styleguides, frontend aesthetics, design systems, and design review. Install media-plugin alongside it for asset prompt crafting and generation.",
    "developerName": "Lukas Kellerstein",
    "category": "Design",
    "capabilities": [
      "Read",
      "Write",
      "Interactive"
    ],
    "defaultPrompt": [
      "Create a styleguide for this product concept.",
      "Review this UI for weak visual decisions.",
      "Define a design system for this frontend."
    ],
    "brandColor": "#EA580C"
  }
}

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.

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