Update to Magic Patterns

{
  "canonical_app_id": "asdk_app_6a585f804ad08191931907c9dc46a985",
  "connector_id": "asdk_app_6a585f804ad08191931907c9dc46a985",
  "created_at": "2026-07-16T04:35:12.828694Z",
  "discoverability": "LISTED",
  "id": "plugin_asdk_app_6a585f804ad08191931907c9dc46a985",
  "is_template": false,
  "is_template_instance": false,
  "is_v2_template": false,
  "name": "app-6a585f804ad08191931907c9dc46a985",
  "release": {
    "app_ids": [
      "asdk_app_6a585f804ad08191931907c9dc46a985"
    ],
    "app_manifest": {
      "apps": {
        "app-6a585f804ad08191931907c9dc46a985": {
          "id": "asdk_app_6a585f804ad08191931907c9dc46a985",
          "required": true
        }
      }
    },
    "app_templates": [],
    "description": "Enable your agent to prototype ideas, generate design inspiration, upload local UI, and integrate Magic Patterns designs. The Magic Patterns toolset lets you visually align with your agent on what you want to build.",
    "display_name": "Magic Patterns",
    "id": "pluginrel_353ec21e48d48191b9ab832582d99883",
    "interface": {
      "brand_color": null,
      "capabilities": [],
      "category": "Developer Tools",
      "composer_icon_dark_url": "https://files.openai.com/content?id=file_0000000008e881f7ac9bc29018af246b",
      "composer_icon_url": "https://files.openai.com/content?id=file_0000000061c481fbac4d18b6214184e8",
      "default_prompt": "How would you redesign our landing page?",
      "default_prompts": [
        "How would you redesign our landing page?",
        "Give me design inspiration for this component",
        "Build a slide deck presenting this new feature"
      ],
      "developer_name": "Magic Patterns",
      "logo_url": "https://files.openai.com/content?id=file_00000000d3e481f7bb8dcc2874037721",
      "logo_url_dark": "https://files.openai.com/content?id=file_00000000f32481f78b8fc4912dba7682",
      "long_description": "Enable your agent to prototype ideas, generate design inspiration, upload local UI, and integrate Magic Patterns designs. The Magic Patterns toolset lets you visually align with your agent on what you want to build.",
      "plugin_category_id": "developer tools",
      "privacy_policy_url": "https://www.magicpatterns.com/docs/documentation/legal/privacy",
      "screenshot_urls": [],
      "short_description": "Get design inspiration",
      "terms_of_service_url": "https://www.magicpatterns.com/docs/documentation/legal/terms",
      "website_url": "https://www.magicpatterns.com"
    },
    "keywords": [],
    "mcp_servers": [],
    "onboarding_skill_name": null,
    "requires_local_executor": false,
    "skills": [
      {
        "description": "Explore several distinct UI design directions for a screen or component in Magic Patterns (magicpatterns.com). First recreates the current UI as a faithful baseline, then creates a shareable magicpatterns.com/inspiration/<id> document and streams in four self-contained HTML concepts tuned to the kind of exploration wanted (entrypoint/discoverability, information architecture/navigation, or visual display). The hosted comparison link is the deliverable. Use when the user wants design inspiration, alternative directions, layout options, variations, or a \"show me a few approaches\" exploration before committing to an implementation.",
        "interface": {
          "brand_color": null,
          "default_prompt": null,
          "display_name": "inspiration",
          "icon_large_url": null,
          "icon_small_url": null,
          "iconography": "cursor",
          "short_description": "Explore several distinct UI design directions for a screen or component in Magic Patterns (magicpatterns.com). First recreates the current UI as a faithful baseline, then creates a shareable magicpatterns.com/inspiration/<id> document and streams in four self-contained HTML concepts tuned to the kind of exploration wanted (entrypoint/discoverability, information architecture/navigation, or visual display). The hosted comparison link is the deliverable. Use when the user wants design inspiration, alternative directions, layout options, variations, or a \"show me a few approaches\" exploration before committing to an implementation."
        },
        "name": "inspiration",
        "plugin_release_skill_id": "pluginrsk_6a6ab432172c8191b12637b5e4304419"
      },
      {
        "description": "Adapt code generated by Magic Patterns (magicpatterns.com) into an existing codebase. Use when the user shares a Magic Patterns design, prototype, exported zip, \"Copy Code as Prompt\" output, or a magicpatterns.com URL and wants it implemented, integrated, or productionized in their project. Treats the Magic Patterns code as a design spec, not as code to copy verbatim.",
        "interface": {
          "brand_color": null,
          "default_prompt": null,
          "display_name": "integrate-magic-patterns-design",
          "icon_large_url": null,
          "icon_small_url": null,
          "iconography": "code",
          "short_description": "Adapt code generated by Magic Patterns (magicpatterns.com) into an existing codebase. Use when the user shares a Magic Patterns design, prototype, exported zip, \"Copy Code as Prompt\" output, or a magicpatterns.com URL and wants it implemented, integrated, or productionized in their project. Treats the Magic Patterns code as a design spec, not as code to copy verbatim."
        },
        "name": "integrate-magic-patterns-design",
        "plugin_release_skill_id": "pluginrsk_6a5ac32bb8588191b183d8d5e13d111c"
      },
      {
        "description": "Prototype an idea in Magic Patterns (magicpatterns.com) starting from your local UI. Use when the user gives a prompt for something they want to prototype or explore and wants an iterable Magic Patterns design grounded in their existing code. Seeds a design by recreating the relevant local UI (recreate-as-react) and uploading it, then prompts Magic Patterns to design the new idea, returns the editor link, and opens it in the browser. Requires the Magic Patterns MCP server.",
        "interface": {
          "brand_color": null,
          "default_prompt": null,
          "display_name": "prototype",
          "icon_large_url": null,
          "icon_small_url": null,
          "iconography": "cursor",
          "short_description": "Prototype an idea in Magic Patterns (magicpatterns.com) starting from your local UI. Use when the user gives a prompt for something they want to prototype or explore and wants an iterable Magic Patterns design grounded in their existing code. Seeds a design by recreating the relevant local UI (recreate-as-react) and uploading it, then prompts Magic Patterns to design the new idea, returns the editor link, and opens it in the browser. Requires the Magic Patterns MCP server."
        },
        "name": "prototype",
        "plugin_release_skill_id": "pluginrsk_6a5ac32be3748191852cc275bd649a6b"
      },
      {
        "description": "Recreate a component, screen, or pasted code from any codebase as a single self-contained raw HTML file (Tailwind Play CDN + web fonts) that faithfully reproduces its styling, colors, spacing, and fonts. Use when the user asks for a \"raw HTML recreation\", an \"HTML version\" of a component, \"make an HTML copy of X\", or references a component/screen by name (e.g. \"Take the <ComponentName> and give me raw HTML\").",
        "interface": {
          "brand_color": null,
          "default_prompt": null,
          "display_name": "recreate-as-raw-html",
          "icon_large_url": null,
          "icon_small_url": null,
          "iconography": "pdf",
          "short_description": "Recreate a component, screen, or pasted code from any codebase as a single self-contained raw HTML file (Tailwind Play CDN + web fonts) that faithfully reproduces its styling, colors, spacing, and fonts. Use when the user asks for a \"raw HTML recreation\", an \"HTML version\" of a component, \"make an HTML copy of X\", or references a component/screen by name (e.g. \"Take the <ComponentName> and give me raw HTML\")."
        },
        "name": "recreate-as-raw-html",
        "plugin_release_skill_id": "pluginrsk_6a6ab432772081918483c2349ea853d7"
      },
      {
        "description": "Recreate a component, screen, or pasted code from any codebase as a self-contained React + TypeScript + Tailwind prototype (App.tsx / index.tsx / index.css, named exports, one component per file) that renders in the Magic Patterns prototype environment and faithfully reproduces the original's styling, colors, spacing, and fonts. Use when the user asks for a \"React recreation\", a \"React version\" of a component, \"recreate X as React\", or as the porting engine for the upload-to-magic-patterns and prototype skills.",
        "interface": {
          "brand_color": null,
          "default_prompt": null,
          "display_name": "recreate-as-react",
          "icon_large_url": null,
          "icon_small_url": null,
          "iconography": "code",
          "short_description": "Recreate a component, screen, or pasted code from any codebase as a self-contained React + TypeScript + Tailwind prototype (App.tsx / index.tsx / index.css, named exports, one component per file) that renders in the Magic Patterns prototype environment and faithfully reproduces the original's styling, colors, spacing, and fonts. Use when the user asks for a \"React recreation\", a \"React version\" of a component, \"recreate X as React\", or as the porting engine for the upload-to-magic-patterns and prototype skills."
        },
        "name": "recreate-as-react",
        "plugin_release_skill_id": "pluginrsk_6a5ac32c43048191b0a5a71b0520f581"
      },
      {
        "description": "Upload UI you are building locally into Magic Patterns (magicpatterns.com) and return the editor link. Use when the user wants to push a component/screen they are working on in their codebase into Magic Patterns as a design — for review, stakeholder sign-off, or further iteration. Requires the Magic Patterns MCP server.",
        "interface": {
          "brand_color": null,
          "default_prompt": null,
          "display_name": "upload-to-magic-patterns",
          "icon_large_url": null,
          "icon_small_url": null,
          "iconography": "cursor",
          "short_description": "Upload UI you are building locally into Magic Patterns (magicpatterns.com) and return the editor link. Use when the user wants to push a component/screen they are working on in their codebase into Magic Patterns as a design — for review, stakeholder sign-off, or further iteration. Requires the Magic Patterns MCP server."
        },
        "name": "upload-to-magic-patterns",
        "plugin_release_skill_id": "pluginrsk_6a5ac32c6ccc819185b8a1fc7d967c12"
      }
    ],
    "version": "1.0.0"
  },
  "scope": "GLOBAL",
  "share_url": "https://chatgpt.com/plugins/plugin_asdk_app_6a585f804ad08191931907c9dc46a985?open_in_app",
  "status": "ENABLED"
}