Claude Design和Claude Code协同设 AI图片提示词

目标：创建一个精修的宽幅16:9产品发布模型，展示Claude Design和Claude Code共同设计一个筹款网页。画布：1200×675横向构图，暖珊瑚橙背景填满整个画面。中央放置一个奶油白色设计画布，带有细微阴影，左侧部分被编辑器侧边栏遮挡，右侧被捐款卡遮挡，右上角有浮动终端窗口。布局：恰好4个主要界面元素：1个左侧设计编辑器面板，1个中央网页画板，1个右侧捐款进度卡，1个右上角浮动深色终端窗口。画板位于面板后方，终端重叠其右上角区域。左侧编辑器面板：圆角米白色侧边栏，标题为“Playground Crowdfunding Page”，最左侧有小型圆形应用图标，最右侧有铃铛图标。下方显示一行恰好3个操作：“Edit”、“Discard”和珊瑚色“Save”按钮。然后显示恰好3个标签：“Simple”、“Pro”、“Code”，“Simple”处于激活状态。包含一个紧凑工具栏，恰好9个可见图标：选择指针、光标、矩形、网格/十字、圆形、文本T、铅笔、撤销、重做。添加文本、排版、外观和边框的标签控件。排版控件包括字体“Poppins”、字号“36 px”、颜色“#1A1714”、字重“Bold”、斜体、下划线、删除线、对齐图标、行高“1.35”、大小写“none”和字间距。外观控件包括背景“None”、圆角“0px”、溢出“visible”、不透明度“1”和z-index“auto”。中央网页画板：网页顶部显示一个小徽标，由恰好3个彩色圆点组成：绿色、黄色和红色，后跟站点名称{argument name="organization name" default="Maple Grove Park"}。其下方放置一个浅绿色药丸标签，带一个绿色圆点和文本{argument name="project label" default="A neighborhood project on Elm Street"}。主标题必须大号、粗体、深绿黑色，并处于选中状态，带有细蓝色边界框和恰好4个蓝色方形角手柄。标题文本：{argument name="headline text" default="Let's build a playground our kids will never forget."}像图像一样分成四行。标题下方，显示较小的灰色正文，以“Maple Grove's old play structure came down last spring. Together, we can replace it with something”开头。右侧捐款卡：白色圆角卡片，带有柔和阴影，右侧边缘略有裁剪。它包含恰好4个可见内容项：一个选定的金额文本框，显示{argument name="funding amount" default="$61,240"}，带有蓝色虚线选择轮廓；一个水平进度条，填充绿色到青柠色，剩余部分为浅灰色；一个状态行，左侧显示“72% funded”，右侧显示“312 neighbors”；一个大型圆角绿色行动号召按钮，显示“Chip in today”。浮动终端窗口：右上角添加一个黑色macOS风格终端，带有圆角和阴影。它有恰好3个交通灯点：红、黄、绿。窗口标题行显示“temp — claude — 64x22”。左侧显示一个像素艺术橙色Claude风格吉祥物图标。终端文本应包括“Claude Code v2.1.176”、“claude-opus-4-8”、“~/temp”、“? for shortcuts”和命令“/design-sync Push my design components to Claude Design”，末尾有光标。使用等宽终端字体。视觉风格：现代SaaS界面截图，干净的类Figma设计控件，奶油白色，深森林绿色文本，珊瑚色强调背景，柔和阴影，圆角，清晰可读的UI文本，高端演示幻灯片美学。约束：保持构图宽幅且不杂乱，保持上述确切数量，不要添加人物，不要添加额外面板，不要包含水印。