nexu-io__open-design/plugins/_official/examples/worker-visualizer/open-design.json

{
  "$schema": "https://open-design.ai/schemas/plugin.v1.json",
  "specVersion": "1.0.0",
  "name": "example-worker-visualizer",
  "title": "Worker Visualizer",
  "title_i18n": {
    "zh-CN": "Worker 可视化",
    "zh-TW": "Worker 視覺化",
    "ja": "Worker ビジュアライザー",
    "ko": "Worker 시각화",
    "de": "Worker-Visualizer",
    "fr": "Visualiseur Worker",
    "ru": "Worker-визуализатор",
    "es": "Visualizador Worker",
    "pt-BR": "Visualizador Worker",
    "it": "Visualizzatore Worker",
    "vi": "Trình trực quan Worker",
    "pl": "Wizualizator Worker",
    "id": "Visualizer Worker",
    "nl": "Worker-visualizer",
    "ar": "مُصوِّر Worker",
    "tr": "Worker Görselleştirici",
    "uk": "Worker-візуалізатор",
    "en": "Worker Visualizer"
  },
  "version": "0.1.0",
  "publishedAt": "2026-07-08T08:58:51Z",
  "description": "Build a real-time visualizer whose heavy compute runs in a Web Worker — particle systems, physics, fractals, data/audio viz — optionally sharing memory via SharedArrayBuffer, rendered to canvas at 60fps. Trigger when the user asks for a web worker, simulation, particle system, physics, fractal, off-main-thread compute, or real-time visualizer.",
  "description_i18n": {
    "zh-CN": "构建一个实时可视化器，将繁重计算放到 Web Worker 中运行——粒子系统、物理、分形、数据/音频可视化——可通过 SharedArrayBuffer 共享内存，以 60fps 渲染到画布。当用户需要 web worker、模拟、粒子系统、物理、分形、离主线程计算或实时可视化时触发。",
    "zh-TW": "建立一個即時視覺化器，將繁重運算放到 Web Worker 中執行——粒子系統、物理、碎形、資料/音訊視覺化——可透過 SharedArrayBuffer 共享記憶體，以 60fps 渲染到畫布。當使用者需要 web worker、模擬、粒子系統、物理、碎形、離主執行緒運算或即時視覺化時觸發。",
    "ja": "重い計算を Web Worker で実行するリアルタイムビジュアライザー（パーティクル、物理、フラクタル、データ/オーディオ可視化）を構築。SharedArrayBuffer でメモリを共有し、60fps でキャンバスに描画します。web worker、シミュレーション、パーティクル、物理、フラクタル、メインスレッド外計算、リアルタイム可視化の要望で起動。",
    "ko": "무거운 연산을 Web Worker에서 실행하는 실시간 시각화기(파티클, 물리, 프랙탈, 데이터/오디오 시각화)를 구축합니다. SharedArrayBuffer로 메모리를 공유하고 60fps로 캔버스에 렌더링합니다. web worker, 시뮬레이션, 파티클, 물리, 프랙탈, 오프메인스레드 연산, 실시간 시각화 요청 시 트리거됩니다.",
    "de": "Erstellen Sie einen Echtzeit-Visualizer, dessen schwere Berechnung in einem Web Worker läuft — Partikelsysteme, Physik, Fraktale, Daten-/Audio-Visualisierung — optional per SharedArrayBuffer, auf Canvas mit 60fps gerendert. Wird ausgelöst bei Web-Worker-, Simulations-, Partikel-, Physik-, Fraktal-, Off-Main-Thread- oder Echtzeit-Visualizer-Anfragen.",
    "fr": "Créez un visualiseur temps réel dont le calcul lourd s'exécute dans un Web Worker — systèmes de particules, physique, fractales, visualisation de données/audio — partageant éventuellement la mémoire via SharedArrayBuffer, rendu sur canvas à 60fps. Déclenché pour toute demande de web worker, simulation, particules, physique, fractale, calcul hors thread principal ou visualiseur temps réel.",
    "ru": "Создайте визуализатор реального времени, тяжёлые вычисления которого выполняются в Web Worker — системы частиц, физика, фракталы, визуализация данных/аудио — с опциональным разделением памяти через SharedArrayBuffer, рендеринг на canvas при 60fps. Срабатывает при запросах web worker, симуляции, частиц, физики, фракталов, вычислений вне основного потока или визуализатора реального времени.",
    "es": "Crea un visualizador en tiempo real cuyo cómputo pesado corre en un Web Worker — sistemas de partículas, física, fractales, visualización de datos/audio — compartiendo memoria opcionalmente vía SharedArrayBuffer, renderizado en canvas a 60fps. Se activa ante solicitudes de web worker, simulación, partículas, física, fractal, cómputo fuera del hilo principal o visualizador en tiempo real.",
    "pt-BR": "Crie um visualizador em tempo real cujo cálculo pesado roda em um Web Worker — sistemas de partículas, física, fractais, visualização de dados/áudio — compartilhando memória opcionalmente via SharedArrayBuffer, renderizado em canvas a 60fps. Acionado em pedidos de web worker, simulação, partículas, física, fractal, cálculo fora da thread principal ou visualizador em tempo real.",
    "it": "Crea un visualizzatore in tempo reale il cui calcolo pesante gira in un Web Worker — sistemi di particelle, fisica, frattali, visualizzazione dati/audio — condividendo opzionalmente la memoria via SharedArrayBuffer, renderizzato su canvas a 60fps. Si attiva per richieste di web worker, simulazione, particelle, fisica, frattale, calcolo fuori dal thread principale o visualizzatore in tempo reale.",
    "vi": "Xây dựng trình trực quan thời gian thực với phần tính toán nặng chạy trong Web Worker — hệ hạt, vật lý, fractal, trực quan hóa dữ liệu/âm thanh — tùy chọn chia sẻ bộ nhớ qua SharedArrayBuffer, kết xuất lên canvas ở 60fps. Kích hoạt khi người dùng cần web worker, mô phỏng, hệ hạt, vật lý, fractal, tính toán ngoài luồng chính hoặc trình trực quan thời gian thực.",
    "pl": "Zbuduj wizualizator czasu rzeczywistego, którego ciężkie obliczenia działają w Web Workerze — systemy cząstek, fizyka, fraktale, wizualizacja danych/audio — opcjonalnie współdzieląc pamięć przez SharedArrayBuffer, renderowany na canvasie w 60fps. Uruchamiane przy prośbach o web worker, symulację, cząstki, fizykę, fraktal, obliczenia poza głównym wątkiem lub wizualizator czasu rzeczywistego.",
    "id": "Bangun visualizer real-time yang komputasi beratnya berjalan di Web Worker — sistem partikel, fisika, fraktal, visualisasi data/audio — opsional berbagi memori via SharedArrayBuffer, dirender ke canvas pada 60fps. Terpicu saat pengguna meminta web worker, simulasi, sistem partikel, fisika, fraktal, komputasi di luar main thread, atau visualizer real-time.",
    "nl": "Bouw een real-time visualizer waarvan de zware berekening in een Web Worker draait — deeltjessystemen, fysica, fractals, data-/audiovisualisatie — optioneel met gedeeld geheugen via SharedArrayBuffer, op canvas gerenderd op 60fps. Wordt geactiveerd bij web worker-, simulatie-, deeltjes-, fysica-, fractal-, off-main-thread- of real-time visualizer-verzoeken.",
    "ar": "أنشئ مُصوِّرًا فوريًا تُنفَّذ حساباته الثقيلة في Web Worker — أنظمة جسيمات وفيزياء وكسور (fractals) وتصوير بيانات/صوت — مع مشاركة اختيارية للذاكرة عبر SharedArrayBuffer، ويُرسم على canvas بمعدل 60 إطارًا/ث. يُفعّل عند طلب web worker أو محاكاة أو نظام جسيمات أو فيزياء أو كسور أو حساب خارج الخيط الرئيسي أو مُصوِّر فوري.",
    "tr": "Ağır hesaplaması bir Web Worker'da çalışan gerçek zamanlı bir görselleştirici oluşturun — parçacık sistemleri, fizik, fraktallar, veri/ses görselleştirme — isteğe bağlı olarak SharedArrayBuffer ile bellek paylaşarak, canvas'a 60fps hızında çizilir. Web worker, simülasyon, parçacık sistemi, fizik, fraktal, ana iş parçacığı dışı hesaplama veya gerçek zamanlı görselleştirici istekleriyle tetiklenir.",
    "uk": "Створіть візуалізатор реального часу, важкі обчислення якого виконуються у Web Worker — системи частинок, фізика, фрактали, візуалізація даних/аудіо — з опційним спільним використанням пам'яті через SharedArrayBuffer, рендеринг на canvas при 60fps. Спрацьовує на запити web worker, симуляції, частинок, фізики, фракталів, обчислень поза основним потоком або візуалізатора реального часу.",
    "en": "Build a real-time visualizer whose heavy compute runs in a Web Worker — particle systems, physics, fractals, data/audio viz — optionally sharing memory via SharedArrayBuffer, rendered to canvas at 60fps. Trigger when the user asks for a web worker, simulation, particle system, physics, fractal, off-main-thread compute, or real-time visualizer."
  },
  "license": "MIT",
  "author": {
    "name": "Open Design",
    "url": "https://github.com/nexu-io"
  },
  "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/worker-visualizer",
  "tags": [
    "example",
    "first-party",
    "prototype",
    "web",
    "web-worker",
    "worker",
    "simulation",
    "particles",
    "sharedarraybuffer",
    "offscreencanvas",
    "powered-preview",
    "untitled"
  ],
  "compat": {
    "agentSkills": [
      {
        "path": "./SKILL.md"
      }
    ]
  },
  "od": {
    "kind": "scenario",
    "taskKind": "new-generation",
    "mode": "prototype",
    "scenario": "design",
    "surface": "web",
    "preview": {
      "type": "html",
      "entry": "./example.html"
    },
    "useCase": {
      "query": {
        "en": "Build a real-time {{subject}} visualizer whose heavy compute runs in a Web Worker (sharing memory via SharedArrayBuffer when available), rendered to canvas at 60fps as a single self-contained index.html.",
        "zh-CN": "构建一个实时的{{subject}}可视化器，将繁重计算放到 Web Worker 中运行（可用时通过 SharedArrayBuffer 共享内存），作为单个自包含的 index.html 以 60fps 渲染到画布。"
      }
    },
    "inputs": [
      {
        "name": "subject",
        "label": "What should it simulate?",
        "type": "text",
        "required": false,
        "default": "a 12,000-body swirling particle field",
        "placeholder": "e.g. an N-body galaxy, a Mandelbrot zoom, reaction-diffusion"
      }
    ],
    "context": {
      "skills": [
        {
          "path": "./SKILL.md"
        }
      ],
      "designSystem": {
        "primary": true
      }
    },
    "pipeline": {
      "stages": [
        {
          "id": "generate",
          "atoms": [
            "file-write",
            "live-artifact"
          ]
        }
      ]
    },
    "capabilities": [
      "prompt:inject",
      "fs:write"
    ]
  }
}