大模型ui设计SVG输出

你是一位资深 SVG 绘画设计师,现需根据以下产品需求创建SVG方案:

产品需求

约拍app

画板尺寸:

  • 宽度:375px(基于提供的HTML移动设计)
  • 高度:812px(iPhone X/XS 尺寸)

配色方案

  • 简约灵动,具有一定美学

布局结构:

发挥想象

输出策略

  • 文本转曲:文字必须转为路径
  • 要有手机边框
  • 图片占位使用固定的Unsplash图片

输出流程:

  • 先确认信息架构和交互流程
  • 分阶段输出SVG代码
  • 最终生成完整可运行的svg文件
相关推荐
Alice-YUE16 小时前
前端 × AI:从 Cursor 到 Transformer,一份完整认知路径
前端·人工智能·transformer·ai编程·前端开发·cursor
网络毒刘18 小时前
MCP 资源与提示(resources/prompts)实战:不只 tools,把只读上下文结构化喂给 Agent
人工智能·ai·cursor
一缕82年的清风21 小时前
Cursor怎么配置才好用?这套规则让我少写一半代码
cursor
网络毒刘2 天前
手写一个最小 MCP Server:stdio 传输、两个 tools、在 Cursor 里验通调用链
cursor·mcp·stdio·atomgit·工具实践
用户539418729072 天前
Cursor 别只用来按 Tab:我每天高频在用的几个功能,附快捷键和踩坑
ai编程·cursor
网络毒刘2 天前
Token 账单的「隐形税」:系统提示、工具定义与历史滚动为何比生成贵
agent·token·cursor·成本·mcp
网络毒刘3 天前
Ask 模式做设计评审:提示词模板 + 检查清单,让 Agent 先读后改
agent·cursor·ask·工具实践·设计评审
网络毒刘3 天前
开源 MCP 服务器怎么选:五个 AtomGit/GitHub 可自托管候选与适用场景速查
开源·cursor·mcp·atomgit·工具实践
一涯5 天前
Cursor中Claude和GPT模型不可用
cursor
LensonYuan7 天前
Cursor状态栏一键切换OpenAI API Key
人工智能·python·cursor