← 返回 Skills 市场
hirofumiko

Web App Template

作者 HiroFumiko · GitHub ↗ · v1.0.0 · MIT-0
cross-platform ⚠ suspicious
216
总下载
0
收藏
1
当前安装
1
版本数
在 OpenClaw 中安装
/install fumi-web-app-template
功能描述
Webアプリケーション開発のためのOpenClawワークスペース設定テンプレート。ユーザー体験（UX）優先、レスポンシブデザイン、パフォーマンスの原則。
使用说明 (SKILL.md)

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アプリを開発しましょう！ 🌐

安全使用建议
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.
功能分析
Type: OpenClaw Skill Name: fumi-web-app-template Version: 1.0.0 The skill bundle is a comprehensive workspace template for web development, providing structured instructions (SOUL.md, IDENTITY.md, AGENTS.md) for an AI agent to act as a 'WebBot'. It includes proactive monitoring guidelines in HEARTBEAT.md and explicitly defines safety boundaries in AGENTS.md, such as forbidding data exfiltration and requiring permission for external deployments. No malicious code, obfuscation, or harmful prompt injection attempts were found.
能力评估
✓ 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.
如何使用
  1. 确保已安装 OpenClaw（本地或 Docker 部署）
  2. 在对话框中输入安装命令：/install fumi-web-app-template
  3. 安装完成后，直接呼叫该 Skill 的名称或使用 /fumi-web-app-template 触发
  4. 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.0
Initial release of web-app-template. - 提供：OpenClaw向けWebアプリケーション開発テンプレート - UX優先、レスポンシブデザイン、パフォーマンス原則を重視 - 主要ファイル（SOUL.md, IDENTITY.md, AGENTS.md, USER.md, HEARTBEAT.md）で構造化 - 豊富な推奨技術スタック・開発ワークフロー・ベストプラクティスを記載 - テンプレートのインストール・カスタマイズ手順を明記 - エージェントサンプルと価格プランの案内を追加
元数据
Slug fumi-web-app-template
版本 1.0.0
许可证 MIT-0
累计安装 1
当前安装数 1
历史版本数 1
常见问题

Web App Template 是什么？

Webアプリケーション開発のためのOpenClawワークスペース設定テンプレート。ユーザー体験（UX）優先、レスポンシブデザイン、パフォーマンスの原則。 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 216 次。

如何安装 Web App Template？

在 OpenClaw 或 Claude Code 对话框中运行命令「/install fumi-web-app-template」即可一键安装，无需额外配置。

Web App Template 是免费的吗？

是的，Web App Template 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。

Web App Template 支持哪些平台？

Web App Template 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。

谁开发了 Web App Template？

由 HiroFumiko（@hirofumiko）开发并维护，当前版本 v1.0.0。

推荐 Skills
self-improving agent
Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Clau...
⬇ 463283 · by pskoett
Skill Vetter
Security-first skill vetting for AI agents. Use before installing any skill from ClawdHub, GitHub, or other sources. Checks for red flags, permission scope, and suspicious patterns.
⬇ 259410 · by spclaudehome
Polymarket
Query Polymarket prediction markets. Check odds, find trending markets, search events, track price movements.
⬇ 232503 · by joelchance
Self-Improving + Proactive Agent
Self-reflection + Self-criticism + Self-learning + Self-organizing memory. Agent evaluates its own work, catches mistakes, and improves permanently. Use when...
⬇ 200423 · by ivangdavila
Github
Interact with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs, and advanced queries.
⬇ 191115 · by steipete
ontology
Typed knowledge graph for structured agent memory and composable skills. Use when creating/querying entities (Person, Project, Task, Event, Document), linkin...
⬇ 190156 · by oswalpalash

💬 留言讨论