plugin.json

{
  "$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
  "name": "website-design",
  "version": "1.0.0",
  "description": "Design and build websites and landing pages that look like a real product, not AI output, using design systems taken from real websites.",
  "author": {
    "name": "UXKIN",
    "email": "support@uxkin.com",
    "url": "https://uxkin.com"
  },
  "homepage": "https://uxkin.com/web",
  "repository": "https://github.com/uxkin/agent",
  "license": "MIT",
  "keywords": [
    "website-design",
    "landing-page",
    "web-design",
    "design-system",
    "design-md",
    "frontend",
    "tailwind",
    "mcp"
  ],
  "extensions": {
    "com.openai": {
      "interface": {
        "displayName": "Website Design",
        "shortDescription": "Design from real websites",
        "longDescription": "Website Design helps your agent design and build websites and landing pages that look like a real product instead of generic AI output. It picks a design direction from how real websites in the same space look, writes it down as a DESIGN.md (colors with their roles, typography, spacing and components), builds pages that work on phone and desktop, and reviews pages you already have. It searches UXKIN's library of 15k+ design systems taken from real websites, each with a DESIGN.md. All tools are read-only. Sign in with your UXKIN account.",
        "developerName": "UXKIN",
        "category": "Developer Tools",
        "capabilities": [
          "Read"
        ],
        "websiteURL": "https://uxkin.com/web",
        "privacyPolicyURL": "https://uxkin.com/privacy",
        "termsOfServiceURL": "https://uxkin.com/terms",
        "defaultPrompt": [
          "Find design systems from real developer-tools websites with Website Design",
          "Show me Stripe's colors, fonts and components with Website Design",
          "Find a warm, minimal design system for a coffee shop website with Website Design"
        ],
        "brandColor": "#6B4EFF",
        "composerIcon": "./assets/icon.png",
        "logo": "./assets/logo.png",
        "supportURL": "https://uxkin.com/contact"
      },
      "review": {
        "test_cases": {
          "positive": [
            {
              "description": "Find website design systems by industry",
              "prompt": "Find design systems from real developer-tools SaaS websites with Website Design.",
              "tools_triggered": "find_ui_materials",
              "expected_behavior": "Returns several design systems taken from real developer-tools websites, each with its main colors, fonts and a link to it on uxkin.com."
            },
            {
              "description": "Get a named website's design system",
              "prompt": "Use Website Design to find Stripe's design system and list its colors with their roles, its fonts and its main components.",
              "tools_triggered": "find_ui_materials",
              "expected_behavior": "Returns Stripe's design system from its real website: colors with their roles, font families and components, with a link to the DESIGN.md on uxkin.com."
            },
            {
              "description": "Find design systems by style for a new site",
              "prompt": "Find a warm, minimal design system for a coffee shop website with Website Design and suggest colors and fonts for my site.",
              "tools_triggered": "find_ui_materials",
              "expected_behavior": "Returns a few warm, minimal design systems from real websites and suggests a color palette and font pairing based on them, citing which websites it looked at."
            },
            {
              "description": "Compare real websites before building a landing page",
              "prompt": "Before building my landing page for an AI note-taking app, use Website Design to look at real design systems for productivity apps and tell me what they have in common.",
              "tools_triggered": "find_ui_materials",
              "expected_behavior": "Searches design systems from real productivity websites, compares several, and summarizes the shared patterns (colors, type scale, components) with links to each on uxkin.com."
            },
            {
              "description": "Use the person's saved collections",
              "prompt": "List my UXKIN collections with Website Design, then open the first one and show what's saved in it.",
              "tools_triggered": "list_collections, get_collection",
              "expected_behavior": "Lists the signed-in account's own collections with list_collections, then opens the first with get_collection and shows its saved design systems and screens with links. The test account has a collection called Checkout ideas."
            }
          ],
          "negative": [
            {
              "description": "Logo or image creation, not design references",
              "prompt": "Create a logo for my coffee shop website."
            },
            {
              "description": "Domains and hosting, not design",
              "prompt": "Register a domain name and set up hosting for my coffee shop website."
            },
            {
              "description": "Writing SEO copy, not designing pages",
              "prompt": "Write SEO meta descriptions for the ten pages of my website."
            }
          ]
        },
        "commerce": false,
        "commerce_description": "This plugin doesn't sell anything inside ChatGPT or Codex. Searching the library needs a UXKIN plan, bought on uxkin.com."
      },
      "publication": {
        "release_notes": "First version: the web-design-system, landing-page and web-review skills with the UXKIN library of design systems from real websites."
      },
      "apps": "./.app.json"
    }
  }
}