Agent Plugins Marketplace
← All plugins

product-design

v0.1.52

The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore product directions, audit user flows, prototype from a live URL, and make static screenshots interactive.

Codex10 Skills

By OpenAILicense: Proprietary5.2k GitHub starsUpdated 15 hours ago

Directory evidence

Runtimes
Codex
Parsed components
10 skill or MCP entries
Source updated
Aug 26, 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 plugin

Installs for the current user
codex plugin marketplace add IchenDEV/agent-plugin-mkt
codex plugin marketplace upgrade agent-plugin-marketplace
codex plugin add product-design-2@agent-plugin-marketplace

Paste and run these commands in a terminal with Codex. 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/openai/plugins

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

Plugin files

plugins/product-design/
├── .codex-plugin/plugin.json
├── skills/audit/SKILL.md
├── skills/design-qa/SKILL.md
├── skills/get-context/SKILL.md
├── skills/ideate/SKILL.md
├── skills/image-to-code/SKILL.md
├── skills/index/SKILL.md
├── skills/research/SKILL.md
├── skills/share/SKILL.md
├── skills/url-to-code/SKILL.md
└── skills/user-context/SKILL.md

Included Skills10

auditskills/audit/SKILL.md

Audit or critique a product flow, journey, workflow, funnel, onboarding path, checkout path, settings path, screen, or multi-step product experience by capturing screenshots first, then reporting UX, design, and accessibility findings inline from that evidence. Use Figma only when the user explicitly asks for a board. Use when the user asks to audit, review, critique, inspect, assess, analyze, evaluate, or give feedback on a product experience.

design-qaskills/design-qa/SKILL.md

Internal prototype QA helper. Use only after a Product Design prototype, URL-to-code build, or image-to-code build has a source visual target and a rendered implementation to compare before handoff. Do not use for broad UX critique, design critique, product audits, or flow reviews; route those user-facing requests to audit.

get-contextskills/get-context/SKILL.md

Mandatory design-brief gate for clarifying the product and outcome. Use before ideation, image-to-code builds, redesigns, or product UI work to clarify missing product information and play back the brief before proceeding.

ideateskills/ideate/SKILL.md

Generate image-based alternatives, remixes, or new design directions from a Product Design brief. Use when the user asks for design variants, visual exploration, remixes, or image-generated approaches from provided context.

image-to-codeskills/image-to-code/SKILL.md

Implement a selected image, screenshot, mockup, or Image Gen reference as a faithful, responsive frontend.

indexskills/index/SKILL.md

Use when Product Design is explicitly invoked, or when the user's main goal is to explore a design, research UX, audit or critique a flow, faithfully clone a visual source, check a built design, or share a prototype. Do not use Product Design for ordinary implementation unless the user explicitly asks for it.

researchskills/research/SKILL.md

Run fast, source-grounded UX research on the highest-signal problems users are experiencing with a user-specified digital product. Use when the user asks to research user pain, UX friction, onboarding issues, docs/help problems, developer experience friction, support pain, product workflow issues, or current user complaints for a named product.

shareskills/share/SKILL.md

Share a runnable prototype using the user's preferred deployment tool.

url-to-codeskills/url-to-code/SKILL.md

Clone a live URL as a runnable frontend-only local app.

user-contextskills/user-context/SKILL.md

Load or manage Product Design's saved user context. Use when the user asks to set up Product Design, get started, onboard, save product or design sources, see what Product Design remembers, update saved context, or remember Product Design preferences. Examples include product URLs, Figma files, screenshots, reference images, codebase paths, Storybook, tokens, design systems, brand assets, and general product/design notes.

Plugin manifests1

plugins/product-design/.codex-plugin/plugin.json
{
  "name": "product-design",
  "version": "0.1.52",
  "description": "The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore product directions, audit user flows, prototype from a live URL, and make static screenshots interactive.",
  "author": {
    "name": "OpenAI",
    "email": "[email protected]",
    "url": "https://openai.com/"
  },
  "homepage": "https://openai.com/",
  "repository": "https://github.com/openai/openai/tree/master/chatgpt/oai-maintained-plugins/plugins/product-design",
  "license": "Proprietary",
  "keywords": [
    "prototype",
    "product design",
    "prototyping",
    "user experience",
    "wireframes",
    "design systems",
    "figma",
    "frontend",
    "ux-research",
    "ux-audit",
    "accessibility-audit",
    "research",
    "context-gathering",
    "ideation",
    "image-generation"
  ],
  "skills": "./skills/",
  "interface": {
    "displayName": "Product Design",
    "shortDescription": "Explore and prototype ideas",
    "longDescription": "Turn early ideas into prototypes teams can review. Explore product directions, audit user flows, research user friction, prototype from a live URL, and make static screenshots interactive. Start with a written brief, URL, screenshot, or existing design, then compare visual directions before building.\n\nUse available browser, Figma, Canva, image generation, and hosting tools to gather references, create concepts, review the result, and carry the work forward with your team.",
    "developerName": "OpenAI",
    "category": "Creativity",
    "capabilities": [
      "Interactive",
      "Read",
      "Write"
    ],
    "websiteURL": "https://openai.com/",
    "privacyPolicyURL": "https://openai.com/policies/privacy-policy/",
    "termsOfServiceURL": "https://openai.com/policies/terms-of-use/",
    "defaultPrompt": [
      "Help me get started",
      "Turn this product idea into three visual directions",
      "Design a landing page for my business"
    ],
    "composerIcon": "./assets/composerIcon.svg",
    "logo": "./assets/logo.png",
    "brandColor": "#FF66AD",
    "screenshots": []
  }
}

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.

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