open-design/plugins/_official/design-systems/material/open-design.json

{
  "$schema": "https://open-design.ai/schemas/plugin.v1.json",
  "specVersion": "1.0.0",
  "name": "design-system-material",
  "title": "Material",
  "title_i18n": {
    "zh-CN": "Material",
    "zh-TW": "Material",
    "ja": "Material",
    "ko": "Material",
    "de": "Material",
    "fr": "Material",
    "ru": "Material",
    "es": "Material",
    "pt-BR": "Material",
    "it": "Material",
    "vi": "Material",
    "pl": "Material",
    "id": "Material",
    "nl": "Material",
    "ar": "Material",
    "tr": "Material",
    "uk": "Material",
    "en": "Material"
  },
  "version": "0.1.0",
  "publishedAt": "2026-05-12T07:18:16Z",
  "description": "Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.",
  "description_i18n": {
    "zh-CN": "Google 的 Material Design，包含分层界面、动态主题、内置动效和响应式跨平台设计模式。",
    "zh-TW": "Google 的 Material Design，包含分層介面、動態主題、內建動效和響應式跨平台設計模式。",
    "ja": "Google の Material Design。レイヤー化されたサーフェス、ダイナミックテーマ、組み込みモーション、レスポンシブなクロスプラットフォームパターンを提供します。",
    "ko": "Google의 Material Design. 레이어 표면, 동적 테마, 내장 모션, 반응형 크로스 플랫폼 패턴을 제공합니다.",
    "de": "Googles Material Design mit mehrschichtigen Oberflächen, dynamischem Theming, integrierten Bewegungen und responsiven plattformübergreifenden Mustern.",
    "fr": "Material Design de Google avec surfaces superposées, thématisation dynamique, animations intégrées et modèles adaptatifs multiplateformes.",
    "ru": "Material Design от Google со слоистыми поверхностями, динамическим оформлением, встроенной анимацией и адаптивными кроссплатформенными паттернами.",
    "es": "Material Design de Google con superficies en capas, temas dinámicos, movimiento integrado y patrones multiplataforma responsivos.",
    "pt-BR": "Material Design do Google com superfícies em camadas, temas dinâmicos, movimento integrado e padrões responsivos multiplataforma.",
    "it": "Material Design di Google con superfici stratificate, temi dinamici, animazioni integrate e pattern responsive multipiattaforma.",
    "vi": "Material Design của Google với bề mặt phân lớp, chủ đề động, chuyển động tích hợp và các mẫu đa nền tảng responsive.",
    "pl": "Material Design od Google z warstwowymi powierzchniami, dynamicznymi motywami, wbudowanym ruchem i responsywnymi wzorcami wieloplatformowymi.",
    "id": "Material Design dari Google dengan permukaan berlapis, tema dinamis, gerakan bawaan, dan pola lintas platform yang responsif.",
    "nl": "Googles Material Design met gelaagde oppervlakken, dynamische thema's, ingebouwde beweging en responsieve cross-platform patronen.",
    "ar": "Material Design من Google مع الأسطح متعددة الطبقات والسمات الديناميكية والحركة المدمجة والأنماط المتجاوبة عبر الأنظمة الأساسية.",
    "tr": "Google'ın katmanlı yüzeyler, dinamik tema, yerleşik hareket ve duyarlı çapraz platform desenleriyle Material Design'ı.",
    "uk": "Material Design від Google із багатошаровими поверхнями, динамічним оформленням, вбудованою анімацією та адаптивними крос-платформними патернами.",
    "en": "Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns."
  },
  "license": "MIT",
  "tags": [
    "design-system",
    "first-party",
    "design",
    "professional-corporate"
  ],
  "od": {
    "kind": "scenario",
    "taskKind": "new-generation",
    "mode": "design-system",
    "scenario": "design",
    "surface": "web",
    "useCase": {
      "query": {
        "en": "Generate a {{artifactKind}} using the Material design system. Stay faithful to its colour palette, typography, spacing, iconography, and component vocabulary as documented in DESIGN.md.",
        "zh-CN": "使用这个插件完成以下任务：Generate a {{artifactKind}} using the Material design system. Stay faithful to its colour palette, typography, spacing, iconography, and component vocabulary as documented in DESIGN.md."
      }
    },
    "inputs": [
      {
        "name": "artifactKind",
        "label": "Artifact kind",
        "type": "select",
        "options": [
          "landing page",
          "dashboard",
          "marketing site",
          "app screen"
        ],
        "default": "landing page"
      },
      {
        "name": "brief",
        "label": "Brief",
        "type": "text",
        "placeholder": "What should the page communicate?"
      }
    ],
    "context": {
      "designSystem": {
        "ref": "material",
        "primary": true
      },
      "assets": [
        "./DESIGN.md"
      ]
    },
    "pipeline": {
      "stages": [
        {
          "id": "generate",
          "atoms": [
            "file-write",
            "live-artifact"
          ]
        }
      ]
    },
    "capabilities": [
      "prompt:inject",
      "fs:write"
    ]
  }
}