大模型ui设计SVG输出

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

产品需求

约拍app

画板尺寸:

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

配色方案

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

布局结构:

发挥想象

输出策略

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

输出流程:

  • 先确认信息架构和交互流程
  • 分阶段输出SVG代码
  • 最终生成完整可运行的svg文件
相关推荐
旋生万物6 天前
五条几何公理重构元素周期表:从量子力学到螺旋拓扑的降维(AI 编程时代的微观启示)
重构·ai编程·代码审计·cursor·ai agent·mcp协议·claudecode
武雄(小星Ai)7 天前
2026 AI编程工具横评:Trae、Cursor、Copilot、Claude Code实测对比
ai·copilot·cursor·编程工具·trae·claude code·对比评测
咖啡星人k7 天前
AI 编程工具集体变脸:Cursor 漏洞、TRAE 限额、Claude Code 数据收集风波
人工智能·安全·microsoft·cursor·trae·ai编程工具
csdn_aspnet11 天前
如何将 Cursor MCP 与 VS Code 连接
vscode·cursor·mcp·composio
思码梁田11 天前
CSS cursor 属性全解析:从“小手“开始,玩转鼠标光标
前端·css·计算机外设·cursor·pointer
武雄(小星Ai)13 天前
2026年7月 AI 编程工具横评:Claude Code vs Cursor vs GitHub Copilot 实测对比
ai·开发工具·claude·cursor·对比评测
redreamSo13 天前
32 个 AI 编程工具的配置都放哪,这个仓库整理清楚了
ai编程·claude·cursor
唠点键盘之外的15 天前
10 Spring Boot + 大模型:Java 项目接入 AI 的三种姿势
java·spring boot·aigc·cursor
仙逆GPT17 天前
Cursor Agent一直卡住?自动执行和权限确认怎么排查
ai编程·cursor·ai agent·代码审查·cursor agent
R0OT18 天前
在git bash中使用Cursor CLI
cursor