meowtimedesign/plugins/_official/scenarios/od-web-effect-extractor/open-design.json at main · worflor/meowtimedesign · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
{
  "$schema": "https://open-design.ai/schemas/plugin.v1.json",
  "specVersion": "1.0.0",
  "name": "od-web-effect-extractor",
  "title": "Web effect extractor",
  "title_i18n": {
    "en": "Web effect extractor",
    "zh-CN": "网页特效提取"
  },
  "version": "0.1.0",
  "publishedAt": "2026-06-26T07:15:53Z",
  "description": "Extract visual effects, Canvas/WebGL/Shader behavior, and interaction details from a reference website, then rebuild them as an editable Open Design artifact.",
  "description_i18n": {
    "en": "Extract visual effects, Canvas/WebGL/Shader behavior, and interaction details from a reference website, then rebuild them as an editable Open Design artifact.",
    "zh-CN": "从参考网站提取视觉特效、Canvas/WebGL/Shader 行为与交互细节，并复刻为可编辑的 Open Design 产物。"
  },
  "license": "MIT",
  "author": {
    "name": "Open Design",
    "url": "https://github.com/nexu-io"
  },
  "homepage": "https://github.com/nexu-io/open-design/tree/main/plugins/_official/scenarios/od-web-effect-extractor",
  "tags": [
    "scenario",
    "first-party",
    "website-recreation",
    "webgl",
    "canvas",
    "shader",
    "animation",
    "visual-effects"
  ],
  "compat": {
    "agentSkills": [
      {
        "path": "./SKILL.md"
      }
    ]
  },
  "od": {
    "kind": "scenario",
    "taskKind": "new-generation",
    "scenario": "web-effect-extraction",
    "mode": "prototype",
    "pipeline": {
      "stages": [
        {
          "id": "capture",
          "atoms": [
            "code-import"
          ]
        },
        {
          "id": "model",
          "atoms": [
            "design-extract",
            "token-map"
          ]
        },
        {
          "id": "rebuild",
          "atoms": [
            "file-write",
            "live-artifact"
          ]
        },
        {
          "id": "critique",
          "atoms": [
            "critique-theater"
          ],
          "repeat": true,
          "until": "critique.score>=4 || iterations>=3"
        }
      ]
    },
    "capabilities": [
      "prompt:inject",
      "network",
      "fs:read",
      "fs:write",
      "subprocess"
    ],
    "useCase": {
      "query": {
        "en": "Extract the visual effect from {{url}} and rebuild it as an editable Open Design web artifact. Focus on {{effectFocus}}.",
        "zh-CN": "从 {{url}} 提取网页视觉特效，并复刻为可编辑的 Open Design 网页产物。重点关注 {{effectFocus}}。"
      },
      "exampleOutputs": []
    },
    "inputs": [
      {
        "name": "url",
        "type": "string",
        "required": true,
        "label": "Reference URL",
        "placeholder": "https://example.com"
      },
      {
        "name": "effectFocus",
        "type": "string",
        "required": false,
        "label": "Effect focus",
        "placeholder": "Hero WebGL background, scroll animation, cursor trail..."
      }
    ]
  }
}