setup-opendesign

You are setting up the OpenDesign output environment for this project for the first time. Complete all steps below in order, then announce completion.

手順

1. GitHub から viewer.html をダウンロードします。

   次の場所からファイルを取得します：

   https://raw.githubusercontent.com/manalkaff/opendesign/main/skills/opendesign/viewer.html
   

   レスポンス本文を直接 ./opendesign/index.html に書き込みます（存在しない場合は、最初に ./opendesign/ を作成してください）。取得に失敗した場合は、ユーザーに次のように伝えます：

   OpenDesign ビューアーをダウンロードできませんでした。インターネット接続を確認して再試行するか、opendesign プラグインから viewer.html を手動でコピーし、./opendesign/index.html に保存してください。

2. 出力フォルダーを作成します（まだ存在しない場合）：

   • ./opendesign/mockups/
   • ./opendesign/design-systems/

3. ./opendesign/manifest.json を書き込みます（まだ存在しない場合）：

   {
     "generated": "<current ISO 8601 timestamp>",
     "sections": [
       {
         "id": "mockups",
         "label": "Mockups",
         "groups": []
       },
       {
         "id": "design-systems",
         "label": "Design Systems",
         "groups": []
       }
     ]
   }
   

4. ユーザーに次のように伝えます：

   OpenDesign のセットアップが完了しました。モックアップを表示するには、ブラウザーで ./opendesign/index.html を開いてください。プレビューが読み込まれない場合は、python -m http.server 8080 でフォルダーを配信し、http://localhost:8080/opendesign/ を開いてください。