12ui-design

v0.2.77

Search real design references, draft visual directions, expand an approved design into complete pages, and convert finished images into production-ready code.

CodexClaude Code1 Skill

By 12uiLicense: MIT2 GitHub starsUpdated 1 hour ago

Directory evidence

Runtimes: Codex and Claude Code
Parsed components: 1 skill or MCP entry
Source updated: Oct 1, 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 12ui-design for Codex and Claude Code

Installs for the current user

codex plugin marketplace add just-every/12ui-plugin
codex plugin marketplace upgrade 12ui-plugin
codex plugin add 12ui-design@12ui-plugin

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

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

Codex: 12ui-design@agent-plugin-marketplace → 12ui-design@12ui-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/just-every/12ui-plugin

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

12ui-design/

├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
└── skills/12ui-design/SKILL.md

Included Skills1

12ui-designskills/12ui-design/SKILL.md

Design interfaces with 12ui, expand an approved screen into pages or app states, convert design images into editable code and assets or into a live 3D / Three.js scene, and improve existing applications. Use for non-trivial UI creation, image-to-code, and visual redesign.

Plugin manifests2

.codex-plugin/plugin.json

{
  "name": "12ui-design",
  "version": "0.2.77",
  "description": "Search real design references, draft visual directions, expand an approved design into complete pages, and convert finished images into production-ready code.",
  "author": {
    "name": "12ui",
    "email": "[email protected]",
    "url": "https://12ui.com/"
  },
  "homepage": "https://12ui.com/",
  "repository": "https://github.com/just-every/12ui-plugin",
  "license": "MIT",
  "keywords": [
    "12ui",
    "design",
    "ui-generation",
    "image-to-code",
    "agent-skills",
    "codex"
  ],
  "skills": "./skills/",
  "interface": {
    "displayName": "12ui Design",
    "shortDescription": "Design interfaces from images",
    "longDescription": "Search real design references, draft visual directions, expand an approved design into complete pages, and convert finished images into production-ready code.",
    "developerName": "12ui",
    "category": "Creativity",
    "capabilities": [
      "Create interface designs",
      "Search design references",
      "Convert one image into a whole site",
      "Convert images into code",
      "Make an app match an image",
      "Improve the design of a site or app"
    ],
    "websiteURL": "https://12ui.com/",
    "privacyPolicyURL": "https://12ui.com/privacy",
    "termsOfServiceURL": "https://12ui.com/terms",
    "defaultPrompt": [
      "Create a well designed interface for this project",
      "Improve the design of this website",
      "Turn this image into production code"
    ],
    "brandColor": "#0F172A",
    "composerIcon": "./assets/12ui-icon.png",
    "logo": "./assets/12ui-icon.png",
    "logoDark": "./assets/12ui-icon-dark.png",
    "screenshots": [
      "./assets/screenshots/screenshot-1.png",
      "./assets/screenshots/screenshot-2.png",
      "./assets/screenshots/screenshot-3.png",
      "./assets/screenshots/screenshot-4.png"
    ]
  }
}

.claude-plugin/plugin.json

{
  "name": "12ui-design",
  "displayName": "12ui Design",
  "version": "0.2.77",
  "description": "Create distinctive interfaces with 12ui design skills and hosted design APIs.",
  "author": {
    "name": "Just Every",
    "email": "[email protected]",
    "url": "https://12ui.com/"
  },
  "homepage": "https://12ui.com/skill",
  "repository": "https://github.com/just-every/12ui-plugin",
  "license": "MIT",
  "keywords": [
    "12ui",
    "design",
    "ui-generation",
    "image-to-code",
    "agent-skills"
  ],
  "skills": "./skills/"
}

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.

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