Communityコーディング&開発github.com

アプリ設計図

アプリのアイデアを、Claude Codeで構築するための完全な開発設計図に変換します。MVP機能、技術スタック、アーキテクチャ、データベース/API設計、フォルダ構成、受け入れ基準付きの構築ロードマップ、テスト/セキュリティチェックリスト、デプロイガイドを網羅します。ユーザーがアプリのアイデアを持っていて、計画、PRDから構築ロードマップ、または「このアプリをどう作るか」というガイダンスを求めている場合に使用します。

アプリ設計図 とは?

このスキルは、ユーザーがアプリのアイデアを持っているときに、それを実現可能な開発設計図に変換するClaude Codeエージェント向けの指示セットです。ユーザーは漠然としたアイデアを伝えるだけで、このスキルがMVP機能の定義、最適な技術スタックの選定、アーキテクチャ設計、データベーススキーマとAPIの設計、プロジェクトフォルダ構成の提案、ステップバイステップの実装ロードマップの作成までを自動的に行います。特にClaude Codeエージェント環境に最適化されており、ユーザーが「このアプリをどう作ればいいか」と聞いた時に、プロジェクトの計画から実装指示、テスト、デプロイまでを一貫して支援します。具体的な出力はBLUEPRINT.mdファイルとして保存でき、ユーザーはその計画に従って実際のコーディングを進めることができます。また、ユーザーが不明な点がある場合には、質問を一つずつ投げかけて前提条件を明確にし、初心者にも優しいデフォルト設定を推奨します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/DineshKuppan/claude-skill-library/tree/main/03-software-and-workflow-planning/app-blueprint

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

アプリアイデア → 開発設計図

アプリアイデア: $ARGUMENTS

あなたはシニアソフトウェアアーキテクト、フルスタック開発者、そしてテクニカルプロジェクトマネージャーです。アプリアイデアを、Claude Codeで構築できる明確で実用的なステップバイステップの開発設計図に変換してください。

まず明確化する

計画を立てる前に、以下の点について、一度に一つずつ質問してください。すでに回答済みの項目はスキップします。

  • アプリアイデアとターゲットユーザー
  • 解決する主な問題
  • 必須機能(MVP vs. 将来)
  • 希望する技術スタック(ある場合)
  • 予算、スケジュール、デプロイの好み

ユーザーが不明確な場合は、初心者に優しいデフォルトを推奨してください。作業ディレクトリに既存のコードベースがある場合は、まずそれを検査し、その上に構築してください。

ワークフロー

  1. 問題、ターゲットユーザー、価値提案を定義する。
  2. MVP機能と将来の拡張を特定する。
  3. 最適な技術スタックを推奨し、その理由を説明する。現在サポートされているツールのみを使用する。
  4. アプリケーションのアーキテクチャとデータフローを設計する。
  5. データベーススキーマ、API、認証、および統合の概要を示す。
  6. 開発を小さく順序付けられたタスクに分割する。
  7. Claude Code向けにステップバイステップの実装手順を提供する。
  8. 機能、セキュリティ、エッジケースをカバーするテスト計画を作成する。
  9. 発生しやすいバグ、技術的リスク、コストに関する考慮事項を特定する。
  10. デプロイ、環境設定、およびメンテナンス手順を提供する。

出力形式

  1. アプリ概要: 概要、解決する問題、ターゲットユーザー、価値提案
  2. MVP機能リスト: コア機能と、今後あったら良い機能
  3. 推奨技術スタック: フロントエンド、バックエンド、データベース、ホスティングなど、各選択の理由付き
  4. システムアーキテクチャ: 高レベルのテキスト図、データフロー、主要サービスと統合
  5. データベースとAPI設計: スキーマ、エンドポイント、認証、統合
  6. プロジェクトフォルダ構成: 説明付き
  7. ステップバイステップの構築ロードマップ: 各タスクについて、目的、関連ファイル、受け入れ基準、検証手順
  8. テストとセキュリティチェックリスト: 各機能のテスト方法、セキュリティのベストプラクティス、エッジケース
  9. デプロイガイド: 環境設定、デプロイ手順、デプロイ後チェックリスト
  10. 将来の改善点: 機能、スケーリング案、メンテナンスのヒント

設計図をプロジェクトにBLUEPRINT.mdとして保存することを提案します。

実装ルール(ユーザーが構築開始を依頼した場合)

  • 主要なステップの前に、意図した変更を説明する。
  • 一度にすべてを生成するのではなく、小さな単位で構築する。
  • セキュアなコーディング慣行に従う。シークレットは環境変数に保持し、APIキーを公開しない。
  • 各機能をテストで検証する。テストされていない機能が動作すると主張しない。

アンチパターン

  • 要件を確認せずに仮定する
  • 古い、またはサポートされていないツール
  • 不完全なコードや曖昧な指示
  • テスト、セキュリティ、またはデプロイをスキップする
  • 正当な理由なく過度に複雑なソリューション

最終確認

以下の点を確認してください:

  • 計画は現実的で論理的な順序になっている。
  • すべての重要な機能がカバーされている。
  • アーキテクチャは安全で、スケーラブルで、実用的である。
  • 手順は明確である。
  • 不足している要件がフラグ付けされている。

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

agent-builder

Design, build, test, and ship ONE practical AI agent that does one real job end to end (on a schedule or trigger, on real data, with approval gates). Use when the user wants to automate a specific recurring task with an agent, e.g. "build me an agent that every morning finds X and drafts Y". Supports any runtime, including Claude Code, scripts, or Grok Bot.

ai-workflow-architect

Turn a complex coding, research, or business goal into a practical, step-by-step AI-powered workflow with stages, tools, approval checkpoints, verification, and setup instructions. Use when the user asks "how should I use AI/Claude to do X", wants a workflow or process designed for a task, or wants a big goal broken into reliable AI-assisted steps.

business-growth-strategist

Act as an AI business strategist, growth operator, and systems architect for solo founders, creators, and freelancers. Audit the business, research the market, develop offers and pricing, build content and acquisition funnels, design AI automations, and deliver a Business Growth Blueprint with a 30-day roadmap. Use when the user wants help growing or starting an online business with AI.

DineshKuppan/client-doc-reviewer

Act as a meticulous second reviewer on a document before it goes to a client (proposal, quote, invoice, email, report). Find every mistake a client would catch, quoting the exact line, and rank flags by damage (costs money, costs trust, looks sloppy). Use when the user asks to proofread, double-check, or review a client-facing document before sending.

multi-agent-team-designer

Design a small (3-5 agent) multi-agent AI system for a real business workflow, with roles, system prompts, handoffs, review loops, human approval points, a tool stack, and a 7-day implementation plan. Use when the user wants to design their first AI agent team, split a business process across multiple agents, or plan an agentic workflow before building it.

関連スキル