Web App Template

Webアプリケーション開発のためのOpenClawワークスペース設定テンプレート。ユーザー体験（UX）優先、レスポンシブデザイン、パフォーマンスの原則。

Security Scan

The skill is largely coherent with being a workspace/template for web-app agent behavior, but some runtime instructions grant broad autonomous file-read/write and 'act without asking' behavior that could lead to unexpected actions or accidental disclosure of sensitive data.

Purpose & Capability

Name/description (web app template) align with the provided templates and instructions: SOUL.md, IDENTITY.md, AGENTS.md, USER.md, HEARTBEAT.md and copying them into a workspace is consistent with the stated purpose.

Instruction Scope

AGENTS.md instructs the agent to automatically read workspace files (SOUL.md, USER.md, memory/YYYY-MM-DD.md, MEMORY.md in main sessions) and to 'Check for unresolved next actions' and 'Don't ask permission. Just do it.' That grants the agent broad discretion to read and act on local workspace files and to surface/execute pending actions without explicit user prompts. The templates also instruct writing MEMORY.md and heartbeat-state.json. While these are plausible for an agent template, they are broad and could cause undesired automatic behaviors or exposure of anything stored in those memory files (which might accidentally include secrets). No external endpoints or hidden exfiltration are present.

Install Mechanism

Instruction-only skill with no install spec and no code to download or execute; low install risk (nothing is written by an installer beyond what the user copies).

Credentials

The skill declares no required env vars/credentials (good). However, the runtime instructions expect full read/write access to the user's OpenClaw workspace (~/.openclaw/workspace/*, memory files). Although this is expected for a workspace template, it means sensitive data stored in those files could be accessed by any agent instantiated from this template.

Persistence & Privilege

The skill itself does not request 'always: true' and is user-invocable. Nevertheless, AGENTS.md encourages autonomous background behaviour (regular heartbeats, proactive checks, and automatic surfacing of pending actions). Combined with the platform default that skills can be invoked autonomously, this increases the potential for the agent to act or read/write without explicit human confirmation unless you modify the templates or runtime policy.

What to consider before installing

This is a straightforward web-app workspace template and mostly benign in content, but inspect and control what you copy into your environment. Before installing or copying these templates into your real ~/.openclaw/workspace: 1) Review memory/ and MEMORY.md files and remove any secrets or credentials (do not store API keys or passwords in those files). 2) Edit AGENTS.md or agent runtime policy to require explicit confirmation before performing deployments, pushing code, or executing system-level commands (replace the 'Don't ask permission. Just do it.' guidance). 3) If you want stricter limits, modify the templates so the agent only reads specific allowed files and ask for consent before writing MEMORY.md or running heartbeats that trigger actions. 4) Prefer using this template in an isolated/test workspace first to observe behavior. If you need, ask the author for clarification about automatic behaviors and what the agent is expected to do autonomously.

Webアプリ開発テンプレート

Webアプリケーション開発のためのOpenClawワークスペース設定テンプレート。

含まれるテンプレート

1. SOUL.md - Web開発エージェントの本質

ユーザー体験（UX）優先、レスポンシブデザイン、パフォーマンスの原則。

2. IDENTITY.md - Web開発エージェントのアイデンティティ

名前: WebBot 種類: Web開発アシスタント バイブ: 現代的、効率的、ユーザー中心 絵文字: 🌐

3. AGENTS.md - Web開発ワークスペースのルール

コード構造、API設計、ステート管理のルール。

4. USER.md - ユーザーの情報

好みの技術スタック、デプロイ方法、デザイン好み。

5. HEARTBEAT.md - 定期チェックの設定

コードレビュー、パフォーマンス監視、バグ追跡。

使い方

インストール

clawhub install web-app-template

テンプレートの使用

# エージェントのワークスペースを作成
mkdir -p ~/.openclaw/workspace/my-web-app

# テンプレートをコピー
cp -r ~/.openclaw/workspace/skills/web-app-template/templates/* \
      ~/.openclaw/workspace/my-web-app/

# 各ファイルをカスタマイズ
cd ~/.openclaw/workspace/my-web-app
# SOUL.md, IDENTITY.md, AGENTS.md, USER.md, HEARTBEAT.md を編集

機能

Web開発ワークフロー

1. 要件定義
2. デザインとプロトタイピング
3. フロントエンド開発
4. バックエンド開発
5. API統合
6. テスト
7. デプロイ
8. モニタリング

サポート技術スタック

フロントエンド

• React / Next.js
• Vue.js / Nuxt.js
• Svelte / SvelteKit
• Angular
• Tailwind CSS
• shadcn/ui

バックエンド

• Node.js (Express, Fastify)
• Python (FastAPI, Django, Flask)
• Go (Gin, Echo)
• Rust (Actix, Axum)

データベース

• PostgreSQL
• MySQL / MariaDB
• MongoDB
• Redis

デプロイ

• Vercel / Netlify
• AWS / GCP / Azure
• Docker / Kubernetes

ベストプラクティス

• コンポーネント駆動開発
• API設計（REST/GraphQL）
• 認証・認可
• エラーハンドリング
• ログ管理
• パフォーマンス最適化
• SEO最適化
• アクセシビリティ

ドキュメント

• README.md（インストール、実行、デプロイ）
• API.md（APIリファレンス）
• ARCHITECTURE.md（アーキテクチャ）
• DEPLOYMENT.md（デプロイガイド）

サンプルエージェント

例1: SaaSプロダクト開発

名前: SaaSDevBot 目的: SaaSプロダクトの開発とデプロイ トーン: 現代的、スケーラブル、ユーザー中心

SOUL.md:

• ユーザー体験の優先
• レスポンシブデザイン
• パフォーマンス重視

IDENTITY.md:

• 名前: SaaSDevBot
• 種類: SaaS開発アシスタント
• バイブ: 現代的、スケーラブル、ユーザー中心
• 絵文字: 🌐

例2: Eコマースサイト開発

名前: EcommerceBot 目的: Eコマースサイトの開発と最適化 トーン: 転換率重視、ユーザビリティ、SEO

SOUL.md:

• 転換率の最適化
• ユーザビリティの確保
• SEOとパフォーマンス

IDENTITY.md:

• 名前: EcommerceBot
• 種類: Eコマース開発アシスタント
• バイブ: 転換率重視、ユーザビリティ、SEO
• 絵文字: 🛒

価格

• 単一テンプレート: $5
• Webアプリ開発パック: $15
• 完全バンドル（エージェントスターターキット + Webアプリ）: $30

サポート

質問やフィードバックは、Discordコミュニティで！

---

今すぐWebアプリを開発しましょう！ 🌐