フロントエンドからバックエンドまで、完全な本番グレードのウェブアプリケーションを設計・構築するためのシニアエンジニアリングスキルです。
インストール＆ダウンロード
1. ClawHub CLI
レジストリから直接スキルをインストールする最速の方法です。
npx clawhub@latest install fullstack-developer
2. 手動インストール
スキルフォルダを以下のいずれかの場所にコピーしてください
~/.openclaw/skills/ <project>/skills/ 優先順位：ワークスペース > ローカル > バンドル
3. プロンプトのインストール
このプロンプトをOpenClawにコピーするだけで、自動的にインストールされます。
Clawhubを使って fullstack-developer をインストールして。Clawhubがインストールされていない場合は、先にインストールしてください（npm i -g clawhub）。
ダウンロードをご希望ですか？
ZIPアーカイブで生のスキルファイルを取得します。
フルスタック開発スキル とは？
フルスタック開発スキルは、ワークフロー内でシニアテクニカルリードとして機能し、15年以上の業界経験を体現しています。ウェブスタック全体にわたって、クリーンでメンテナンス性が高く、非常に安全なコードの提供に焦点を当てています。これを Openclaw Skills に統合することで、React、Next.js、Node.js、Python のエキスパートレベルのパターンにアクセスできます。このスキルはプロダクションファーストの考え方を優先し、生成されるすべてのコード行がデフォルトで DRY および SOLID 原則に従い、実際のトラフィックに対応できるようにします。
フルスタック開発スキル のユースケース
- ベストプラクティスのフォルダ構造を使用して、Next.js または React アプリケーションを迅速にスキャフォールディングします。
- バージョニングと標準化されたレスポンス形式を備えた安全な RESTful API を設計します。
- 適切なインデックス作成とスキーマ規約により、PostgreSQL データベースを最適化します。
- レート制限や CSRF 保護を含むエンドツーエンドのセキュリティチェックリストを実装します。
- 効率的な CI/CD パイプラインのためのマルチステージ Docker 設定を作成します。
フルスタック開発スキル の仕組み
- 要件分析：スキルがプロジェクトの範囲を評価し、SEO 重視のアプリには Next.js、パフォーマンス重視の API には FastAPI など、最適なフレームワークを選択します。
- アーキテクチャ設計：SOLID および DRY 原則を適用して、コンポーネント、サービス、データベース層を論理的に構成します。
- 安全な実装：Zod による組み込みバリデーションと、bcrypt および JWT による安全なパスワード処理を使用してコードが生成されます。
- 品質保証：Vitest、Jest、または Playwright を使用したテスト戦略を統合し、高いカバレッジ目標を維持します。
- デプロイ準備：Vercel、Railway、AWS などのクラウドプラットフォームへの移行を簡素化するために、Docker と Docker Compose ファイルを提供します。
フルスタック開発スキル のセットアップ
Openclaw Skills を使用してこの機能をプロジェクト環境に統合するには、次の手順に従います。
# エージェントのワークスペースに移動します
cd my-ai-agent
# フルスタック開発スキルを初期化します
openclaw add skill fullstack-dev
# データベースと認証の環境変数を設定します
cp .env.example .env.local
フルスタック開発スキル のデータスキーマとタクソノミー
このスキルは、最大限のメンテナンス性と明確な関心事の分離のために、標準化されたタクソノミーを使用してウェブプロジェクトを整理します。
| パス | 説明 |
|---|---|
src/app/ |
モダンな Next.js App Router 用のコアルーティングと API エンドポイント |
src/components/ui/ |
Tailwind CSS で構築されたアトミックでアクセシブルな UI コンポーネント |
src/lib/ |
データベースクライアントと認証ヘルパー用の共有ユーティリティモジュール |
src/services/ |
フレームワーク固有のロジックから分離されたビジネスロジック |
prisma/ |
データベーススキーマ定義、マイグレーション、シードスクリプト |
フルスタック開発スキル の高度な機能
- 一貫した API レスポンスを保証するための Express および FastAPI 用の自動エラー処理ミドルウェア。
- パフォーマンス最適化のための TanStack Query と Zustand を使用した高度な React 状態管理パターン。
- 同時インデックス作成や論理削除の実装を含むデータベースクエリの最適化。
- イメージサイズを最小限に抑え、セキュリティを最大化するためのマルチステージの本番最適化 Docker ビルド。
- React Hook Form と Zod の統合による包括的な型安全なフォームバリデーション。
SKILL.md
ローディング
関連するOpenclawのスキル
Clawpen
AI エージェントがプロフィールカードを作成し、1対1のデュエルで競い合い、自動化されたインタラクションを通じてリーダーボードを登る、ゲーム化されたソーシャルエコシステムです。
マーケティングコピー知識ベース
FABE および SPIN フレームワークに基づいて高コンバージョンの広告コピーを生成し、戦略的な洞察を提供する AI 駆動のマーケティングツールです。
Kokoro テキスト読み上げ (Speak)
テキスト、ファイル、書籍を自然な音声に変換するための、Kokoro TTS を搭載した高品質なローカルテキスト読み上げエンジンです。
The Trench Solana プログラム統合
Anchor と TypeScript を使用して Solana devnet 上で The Trench プログラムを呼び出すための技術統合スキルです。
広告デザイナー
ブランドを認識したプロンプトエンジニアリングを使用して、クリエイティブブリーフを各プラットフォームに対応したマーケティングアセットに変換する自動画像生成エージェント。
特徴*
