open-design/plugins/_official/examples/open-design-landing/open-design.json

{
  "$schema": "https://open-design.ai/schemas/plugin.v1.json",
  "specVersion": "1.0.0",
  "name": "example-open-design-landing",
  "title": "OpenDesign Landing",
  "title_i18n": {
    "zh-CN": "OpenDesign 落地页",
    "zh-TW": "OpenDesign 著陸頁",
    "ja": "OpenDesign ランディングページ",
    "ko": "OpenDesign 랜딩 페이지",
    "de": "OpenDesign Landing-Seite",
    "fr": "Page d'accueil OpenDesign",
    "ru": "Лендинг OpenDesign",
    "es": "Página de destino OpenDesign",
    "pt-BR": "Landing Page OpenDesign",
    "it": "Landing Page OpenDesign",
    "vi": "Trang đích OpenDesign",
    "pl": "Strona docelowa OpenDesign",
    "id": "Halaman Landing OpenDesign",
    "nl": "OpenDesign Landing-pagina",
    "ar": "صفحة هبوط OpenDesign",
    "tr": "OpenDesign Açılış Sayfası",
    "uk": "Лендінг OpenDesign",
    "en": "OpenDesign Landing"
  },
  "version": "0.1.1",
  "publishedAt": "2026-05-12T07:18:16Z",
  "description": "Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic OpenDesign uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-image-2, then runs a pure-function composer that emits a self-contained HTML file. Drop-in scroll-reveal motion and a Headroom-style sticky nav are wired automatically.",
  "description_i18n": {
    "zh-CN": "使用 Atelier Zero 视觉语言（Monocle / Apartamento / Études 编辑拼贴风格）生成单页编辑落地页。从品牌简报填充 inputs.json，可选通过 gpt-image-2 生成 16 张拼贴素材，输出独立 HTML 文件，内置滚动动画和粘性导航。",
    "zh-TW": "使用 Atelier Zero 視覺語言（Monocle / Apartamento / Études 編輯拼貼風格）生成單頁編輯著陸頁。從品牌簡報填充 inputs.json，可選透過 gpt-image-2 生成 16 張拼貼素材，輸出獨立 HTML 檔案，內建捲動動畫和黏性導航。",
    "ja": "Atelier Zero ビジュアル言語（Monocle / Apartamento / Études エディトリアルコラージュ）を使用した単一ページのランディングサイトを生成。ブランドブリーフから inputs.json を入力し、gpt-image-2 で最大16枚のコラージュアセットを生成、自己完結型 HTML を出力。スクロールアニメーションと固定ナビゲーションを自動実装。",
    "ko": "Atelier Zero 비주얼 언어(Monocle / Apartamento / Études 에디토리얼 콜라주)로 단일 페이지 랜딩 사이트를 생성합니다. 브랜드 브리프에서 inputs.json을 채우고, gpt-image-2로 최대 16개의 콜라주 에셋을 생성하여 독립형 HTML 파일을 출력하며, 스크롤 애니메이션과 고정 내비게이션이 자동 구성됩니다.",
    "de": "Erstellt eine einseitige Editorial-Landing-Seite in der visuellen Sprache von Atelier Zero (Monocle / Apartamento / Études Collage-Stil). Füllt inputs.json aus einem Marken-Brief, generiert optional 16 Collage-Assets via gpt-image-2 und gibt eine eigenständige HTML-Datei mit Scroll-Animationen und fixierter Navigation aus.",
    "fr": "Produit une page de destination éditoriale unique dans le langage visuel Atelier Zero (collage éditorial Monocle / Apartamento / Études). Remplit inputs.json à partir d'un brief de marque, génère jusqu'à 16 assets de collage via gpt-image-2, et compose un fichier HTML autonome avec animations de défilement et navigation fixe.",
    "ru": "Создаёт одностраничный редакционный лендинг в визуальном стиле Atelier Zero (коллаж Monocle / Apartamento / Études). Заполняет inputs.json из брифа бренда, опционально генерирует 16 коллажных ресурсов через gpt-image-2 и выводит автономный HTML-файл с прокруткой и фиксированной навигацией.",
    "es": "Produce una página de destino editorial de una sola página con el lenguaje visual Atelier Zero (collage editorial Monocle / Apartamento / Études). Rellena inputs.json desde un brief de marca, opcionalmente genera 16 recursos de collage vía gpt-image-2 y emite un archivo HTML autónomo con animaciones de scroll y navegación fija.",
    "pt-BR": "Produz uma landing page editorial de página única na linguagem visual Atelier Zero (colagem editorial Monocle / Apartamento / Études). Preenche inputs.json a partir de um briefing de marca, opcionalmente gera 16 assets de colagem via gpt-image-2 e emite um arquivo HTML autônomo com animações de scroll e navegação fixa.",
    "it": "Produce una landing page editoriale a pagina singola nel linguaggio visivo Atelier Zero (collage editoriale Monocle / Apartamento / Études). Compila inputs.json da un brief del brand, genera opzionalmente 16 asset collage tramite gpt-image-2 ed emette un file HTML autonomo con animazioni di scroll e navigazione fissa.",
    "vi": "Tạo trang đích biên tập một trang với ngôn ngữ thị giác Atelier Zero (phong cách collage Monocle / Apartamento / Études). Điền inputs.json từ brief thương hiệu, tùy chọn tạo 16 tài nguyên collage qua gpt-image-2 và xuất file HTML độc lập với hiệu ứng cuộn và thanh điều hướng cố định.",
    "pl": "Tworzy jednostronicową stronę docelową w języku wizualnym Atelier Zero (kolaż redakcyjny Monocle / Apartamento / Études). Wypełnia inputs.json z briefu marki, opcjonalnie generuje 16 zasobów kolażowych przez gpt-image-2 i zwraca samodzielny plik HTML z animacjami przewijania i stałą nawigacją.",
    "id": "Menghasilkan halaman landing editorial satu halaman dengan bahasa visual Atelier Zero (kolase editorial Monocle / Apartamento / Études). Mengisi inputs.json dari brief merek, opsional menghasilkan 16 aset kolase via gpt-image-2, dan mengeluarkan file HTML mandiri dengan animasi scroll dan navigasi tetap.",
    "nl": "Maakt een editorial landingspagina met één pagina in de visuele taal van Atelier Zero (Monocle / Apartamento / Études redactionele collage). Vult inputs.json vanuit een merkbrief, genereert optioneel 16 collage-assets via gpt-image-2 en levert een zelfstandig HTML-bestand met scroll-animaties en vaste navigatie.",
    "ar": "ينتج صفحة هبوط تحريرية من صفحة واحدة بلغة Atelier Zero البصرية (كولاج تحريري Monocle / Apartamento / Études). يملأ inputs.json من موجز العلامة التجارية، ويولد اختيارياً 16 أصل كولاج عبر gpt-image-2، ويُخرج ملف HTML مستقل مع رسوم متحركة للتمرير وتنقل ثابت.",
    "tr": "Atelier Zero görsel dilinde (Monocle / Apartamento / Études editoryal kolaj) tek sayfalık bir editoryal açılış sayfası üretir. Marka özetinden inputs.json doldurur, isteğe bağlı olarak gpt-image-2 ile 16 kolaj varlığı oluşturur ve kaydırma animasyonları ile sabit gezinme içeren bağımsız HTML dosyası çıktısı verir.",
    "uk": "Створює односторінковий редакційний лендінг у візуальній мові Atelier Zero (колаж Monocle / Apartamento / Études). Заповнює inputs.json з брифу бренду, опціонально генерує 16 колажних ресурсів через gpt-image-2 та видає автономний HTML-файл з анімацією прокрутки та фіксованою навігацією.",
    "en": "Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic OpenDesign uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-image-2, then runs a pure-function composer that emits a self-contained HTML file. Drop-in scroll-reveal motion and a Headroom-style sticky nav are wired automatically."
  },
  "license": "MIT",
  "author": {
    "name": "OpenDesign",
    "url": "https://github.com/nexu-io"
  },
  "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/open-design-landing",
  "tags": [
    "example",
    "first-party",
    "prototype",
    "marketing",
    "web",
    "landing-page",
    "untitled",
    "editorial-site",
    "magazine-layout",
    "hero-collage",
    "atelier-zero",
    "open-design-landing"
  ],
  "compat": {
    "agentSkills": [
      {
        "path": "./SKILL.md"
      }
    ]
  },
  "od": {
    "kind": "scenario",
    "taskKind": "new-generation",
    "mode": "prototype",
    "scenario": "marketing",
    "surface": "web",
    "preview": {
      "type": "html",
      "entry": "./example.html"
    },
    "useCase": {
      "query": {
        "en": "Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic OpenDesign uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-im",
        "zh-CN": "使用这个插件完成以下任务：Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic OpenDesign uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-im"
      },
      "exampleOutputs": [
        {
          "path": "./example.html",
          "title": "OpenDesign Landing"
        }
      ]
    },
    "context": {
      "skills": [
        {
          "path": "./SKILL.md"
        }
      ],
      "designSystem": {
        "primary": true
      },
      "craft": [
        "pixel-discipline",
        "typographic-rhythm"
      ],
      "assets": [
        "./example.html",
        "./assets/about.png",
        "./assets/capabilities.png",
        "./assets/cta.png",
        "./assets/hero.png",
        "./assets/image-manifest.json",
        "./assets/imagegen-prompts.md",
        "./assets/lab-1.png",
        "./assets/lab-2.png",
        "./assets/lab-3.png",
        "./assets/lab-4.png",
        "./assets/lab-5.png",
        "./assets/method-1.png",
        "./assets/method-2.png",
        "./assets/method-3.png",
        "./assets/method-4.png",
        "./assets/testimonial.png",
        "./assets/work-1.png",
        "./assets/work-2.png"
      ]
    },
    "pipeline": {
      "stages": [
        {
          "id": "generate",
          "atoms": [
            "file-write",
            "live-artifact"
          ]
        }
      ]
    },
    "capabilities": [
      "prompt:inject",
      "fs:write"
    ]
  }
}