AI コーディングアシスタントのプロモーション用インフォグラフィック

AI コーディングツール向けのモダンなグラスモーフィズムスタイルのプロモーションポスターを生成します。コードスニペットを含む 2x2 の機能カードグリッドと、メリットセクションで構成されています。

プロンプト

{ "type": "アプリプロモーション用インフォグラフィックポスター", "style": "クリーン、モダン、グラスモーフィズム、ソフトシャドウ、3D アイコン", "theme": "青と白", "header": { "title": "CodePilot", "subtitle": "あなたの AI プログラミング副操縦士", "features_list": "インテリジェント補完 · コード生成 · 質問・デバッグ · コード解析", "main_icon": "光沢のある 3D 丸みを帯びた正方形、青のグラデーション、白の </> ときらめき" }, "layout": { "sections": [ { "title": "feature_cards", "position": "中央グリッド", "count": 4, "items": [ { "label": "インテリジェントなコード補完", "icon": "青い稲妻", "description": "コンテキストを認識し、正確に補完。コーディングをよりスピーディーに", "ui_element": "macOS スタイルの Python calculate_total 関数を表示するコードウィンドウ" }, { "label": "AI コード生成", "icon": "紫の魔法の杖", "description": "自然言語の指示に基づき、関数やスクリプトをワンクリックで生成", "ui_element": "チャットプロンプトの吹き出しと Python quick_sort 関数を表示するコードウィンドウ" }, { "label": "対話 & デバッグアシスタント", "icon": "緑のチャット吹き出し", "description": "自然言語で質問し、バグを特定。会話しながら修正し、問題を効率的に解決", "ui_element": "ユーザーの質問と緑色の AI 回答吹き出しを表示するチャットインターフェース" }, { "label": "コード解析 & コメント生成", "icon": "虫眼鏡付きのオレンジ色のドキュメント", "description": "複雑なコードを素早く理解し、コメントや説明を自動生成", "ui_element": "JS fetchData 関数を表示するコードウィンドウと 3 つのフローティングアクションタグ：自動コメント、ロジック解析、ワンクリックコピー" } ] }, { "title": "CodePilot が選ばれる理由", "position": "左下", "count": 4, "labels": ["効率アップ", "正確で信頼性", "プライバシー保護", "容易な統合"], "icons": ["時計", "チェックマーク", "盾", "パズルピース"] }, { "title": "今すぐ体験", "position": "右下", "count": 1, "elements": ["GitHub オープンソースプロジェクト", "github.com/op7418/CodePilot", "QR コード"] } ] } }