.codex-plugin/plugin.json

{
  "apps": "./.app.json",
  "author": {
    "name": "MiroMiro"
  },
  "description": "Extract design from any website\n\nMiroMiro lets you pull real design data out of any live website from ChatGPT: brand colors, fonts, logos, design tokens, images, SVGs, and Lottie animations, plus production-ready code rebuilt from actual page sections. Everything comes from the site's real CSS and assets, not screenshots or guesses.\n\nUse it to match a brand, rebuild a section you like, or collect assets for a moodboard, then drop the output straight into your project.\n\nWhat you can do:\n\n-Extract a complete brand profile from any URL: color palette with roles, fonts, logo and favicon URLs, social profiles, and theme\n-Pull a site's design token system (colors, spacing, radii, shadows, typography) as CSS variables or a Tailwind config\n-Turn any page section into clean React, Vue, or HTML with Tailwind classes\n-List every font a site loads with file URLs, formats, and the CSS stack to replicate it\n-Collect all SVG logos and icons as paste-ready code and direct file URLs\n-Gather a page's image assets grouped by source (img, srcset, picture, background, favicon, social image) with direct URLs\n-Find Lottie animations on a page and get their JSON files\n\nBest for developers, designers, and AI builders who need real design data from live sites instead of eyeballing it.",
  "interface": {
    "capabilities": [],
    "category": "Developer Tools",
    "defaultPrompt": [
      "Build a pricing section for my SaaS, styled like Stripe's, as a Tailwind component with real fonts and colors",
      "Extract a brand's colors, fonts, and logo from its URL to auto-theme my app's onboarding",
      "Extract any site's full design tokens as a tailwind.config: colors, fonts, spacing, shadows"
    ],
    "developerName": "MiroMiro",
    "displayName": "MiroMiro",
    "longDescription": "Extract design from any website\n\nMiroMiro lets you pull real design data out of any live website from ChatGPT: brand colors, fonts, logos, design tokens, images, SVGs, and Lottie animations, plus production-ready code rebuilt from actual page sections. Everything comes from the site's real CSS and assets, not screenshots or guesses.\n\nUse it to match a brand, rebuild a section you like, or collect assets for a moodboard, then drop the output straight into your project.\n\nWhat you can do:\n\n-Extract a complete brand profile from any URL: color palette with roles, fonts, logo and favicon URLs, social profiles, and theme\n-Pull a site's design token system (colors, spacing, radii, shadows, typography) as CSS variables or a Tailwind config\n-Turn any page section into clean React, Vue, or HTML with Tailwind classes\n-List every font a site loads with file URLs, formats, and the CSS stack to replicate it\n-Collect all SVG logos and icons as paste-ready code and direct file URLs\n-Gather a page's image assets grouped by source (img, srcset, picture, background, favicon, social image) with direct URLs\n-Find Lottie animations on a page and get their JSON files\n\nBest for developers, designers, and AI builders who need real design data from live sites instead of eyeballing it.",
    "privacyPolicyURL": "https://miromiro.app/api/legal/privacy",
    "shortDescription": "Extract any website's design",
    "supportURL": "https://miromiro.app/contact",
    "termsOfServiceURL": "https://miromiro.app/api/legal/terms",
    "websiteURL": "https://miromiro.app/api"
  },
  "name": "app-6a60e68db3908191b0af3727742ab020",
  "version": "1.0.0"
}