Openclaw向けWeChat Mini-Program Vibe Coding スターター

このスキルは、複雑なローカルコンパイルやバイナリのインストールを必要としません。Vibe Codingのワークフローをワークスペースに直接埋め込むことで機能します。WeChat Developer Tools (微信开发者工具)がインストールされていることを確認し、リポジトリを初期化してください：

# ミニプログラム用の新しいディレクトリを初期化
mkdir my-vibe-miniprogram && cd my-vibe-miniprogram

# バージョン管理追跡用にgitを設定
git init

# 必要に応じてJSファイルの静的構文チェックを実行
node --check pages/main/main.js

Openclaw Skillsの有用性を最大化するには、コンパイル中にローカルドキュメント、テストスクリプト、スクラッチパッドがパッケージ化されないようにproject.config.jsonファイルを構成してください。

推奨ディレクトリ構造

このスタータースキルは、MVPの安定性に最適化された軽量でモジュール式のディレクトリレイアウトを強制します：

mini-program/
├── app.js                 # アプリの入り口、状態構成、クラウドの初期化
├── app.json               # グローバルルーティングとウィンドウ構成
├── app.wxss               # グローバルスタイルシート
├── pages/
│   ├── index/             # ホームページ / 検索
│   ├── main/              # コア操作ビューポート
│   └── result/            # レポート、出力、フィードバックビュー
├── utils/
│   ├── config.js          # 環境、静的定数
│   └── share.js           # WeChat共有ハンドラー用の共有ユーティリティ関数
└── cloudfunctions/        # オンデマンドサーバーレスクラウド関数

データモデリングの設計図

初心者にモデルを提示する際、このスキルは複雑なJSONエンティティを単純な例えにマッピングします：