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": "透過自然語言提問、定位 Bug，邊聊邊改，高效解決問題", "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 code"] } ] } }