Prompt 正文
默认展示英文原文。点击“用它生成”后,首页会默认载入此草稿。
{
"type": "app promotional infographic poster",
"style": "clean, modern, glassmorphism, soft shadows, 3D icons",
"theme": "{argument name=\"primary color theme\" default=\"blue and white\"}",
"header": {
"title": "{argument name=\"app name\" default=\"CodePilot\"}",
"subtitle": "{argument name=\"subtitle\" default=\"你的 AI 编程副驾驶\"}",
"features_list": "智能补全 · 代码生成 · 问答调试 · 代码解析",
"main_icon": "glossy 3D rounded square, blue gradient, white {argument name=\"main icon symbol\" default=\"</>\"} and sparkles"
},
"layout": {
"sections": [
{
"title": "feature_cards",
"position": "middle grid",
"count": 4,
"items": [
{
"label": "智能代码补全",
"icon": "blue lightning bolt",
"description": "上下文感知, 精准补全 让编码更快一步",
"ui_element": "macOS style code window with Python calculate_total function"
},
{
"label": "AI 代码生成",
"icon": "purple magic wand",
"description": "根据自然语言描述 一键生成函数 & 脚本",
"ui_element": "chat prompt bubble and code window with Python quick_sort function"
},
{
"label": "对话 & 调试助手",
"icon": "green chat bubble",
"description": "自然语言提问、定位 Bug 边聊边改, 高效解决问题",
"ui_element": "chat interface with user question and green AI resolution bubble"
},
{
"label": "代码解析 & 注释",
"icon": "orange document with magnifying glass",
"description": "快速理解复杂代码 自动生成注释与说明",
"ui_element": "code window with JS fetchData function and 3 floating action tags: 自动注释, 逻辑解析, 一键复制"
}
]
},
{
"title": "为什么选择 CodePilot?",
"position": "bottom left",
"count": 4,
"labels": ["提升效率", "精准可靠", "隐私安全", "易于集成"],
"icons": ["clock", "checkmark", "shield", "puzzle piece"]
},
{
"title": "立即体验",
"position": "bottom right",
"count": 1,
"elements": ["GitHub 开源项目", "{argument name=\"github link\" default=\"github.com/op7418/CodePilot\"}", "QR code"]
}
]
}
}猜你喜欢

3D 石阶演化信息图
将平面的演化时间轴转化为逼真的 3D 石阶信息图,包含精细的生物渲染图和结构化的侧边栏。

信息图 / 教育视觉图 - 历史时期设计对比
在一个清晰的对比网格中展示 {argument name="subject" default="同一把椅子"} 在 {argument name="number of eras" default="10"} 个历史时期中的重新设计,从 {a...

信息图 / 教育视觉图 - 技术工程产品信息图
设计一张 {argument name="subject" default="[SNACK]"} 的品牌技术信息图,将建筑风格的注释叠加在逼真的产品照片或照片级渲染图上。将所有内容放置在纯白色的摄影棚背景中,以黑色墨水线条作为主要技术语言,...

信息图 / 教育视觉图 - 四款发型对比网格图
创建一张写实的 2x2 对比网格图,展示同一位成年男性尝试四种不同发型的效果,旨在呈现“哪种发型最适合他?”的视觉对比。画布:正方形图像,包含四个相等的矩形照片面板,面板间由清晰的白色粗边隔开,外侧留有细白色边框。每个面板均展示该男性的上半...
