Browse Source

Update model-product template image and style-transfer prompt

Replace model image with new model.png for the Model + Product template,
update the Style Transfer prompt to watercolor children's book style.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
handoff-20260429-1057
shrimbly 6 months ago
parent
commit
7a8bdfff83
  1. BIN
      public/sample-images/model.png
  2. BIN
      public/template-thumbnails/primary/model-product.jpg
  3. 32
      src/lib/quickstart/templates.ts

BIN
public/sample-images/model.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 608 KiB

BIN
public/template-thumbnails/primary/model-product.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 18 KiB

32
src/lib/quickstart/templates.ts

@ -9,7 +9,7 @@ export interface PresetTemplate {
description: string; description: string;
icon: string; // SVG path or emoji icon: string; // SVG path or emoji
category: TemplateCategory; category: TemplateCategory;
tags: string[]; tags: string[]; // Provider tags (e.g., "Gemini", "Replicate")
workflow: Omit<WorkflowFile, "id">; workflow: Omit<WorkflowFile, "id">;
} }
@ -24,7 +24,7 @@ export const SAMPLE_IMAGES = {
shoes: "/sample-images/shoes.jpg", shoes: "/sample-images/shoes.jpg",
rayban: "/sample-images/rayban.jpg", rayban: "/sample-images/rayban.jpg",
// Models // Models
model: "/sample-images/model.jpg", model: "/sample-images/model.png",
model2: "/sample-images/model-2.jpg", model2: "/sample-images/model-2.jpg",
model3: "/sample-images/model-3.jpg", model3: "/sample-images/model-3.jpg",
model4: "/sample-images/model-4.jpg", model4: "/sample-images/model-4.jpg",
@ -154,7 +154,7 @@ const TEMPLATE_CONTENT: Record<string, Record<ContentLevel, TemplateContent>> =
"prompt-1": "Create a fashion advertisement showing the model wearing the Ray-Ban sunglasses. The model should be in a confident, stylish pose with the sunglasses naturally positioned. Use the urban street scene as the background. Match the lighting to create a cohesive lifestyle shot. The result should look like a high-end eyewear campaign photo.", "prompt-1": "Create a fashion advertisement showing the model wearing the Ray-Ban sunglasses. The model should be in a confident, stylish pose with the sunglasses naturally positioned. Use the urban street scene as the background. Match the lighting to create a cohesive lifestyle shot. The result should look like a high-end eyewear campaign photo.",
}, },
images: { images: {
"imageInput-1": { url: SAMPLE_IMAGES.model, filename: "model.jpg" }, "imageInput-1": { url: SAMPLE_IMAGES.model, filename: "model.png" },
"imageInput-2": { url: SAMPLE_IMAGES.rayban, filename: "rayban.jpg" }, "imageInput-2": { url: SAMPLE_IMAGES.rayban, filename: "rayban.jpg" },
"imageInput-3": { url: SAMPLE_IMAGES.newBgModelProduct, filename: "new-bg-model-product.png" }, "imageInput-3": { url: SAMPLE_IMAGES.newBgModelProduct, filename: "new-bg-model-product.png" },
}, },
@ -216,7 +216,7 @@ const TEMPLATE_CONTENT: Record<string, Record<ContentLevel, TemplateContent>> =
}, },
full: { full: {
prompts: { prompts: {
"prompt-1": "Apply the warm, rustic color palette and painterly texture from the house by the lake image to the owl portrait. Maintain the owl's detailed features and pose, but transform it into an artistic interpretation that feels like it belongs in the same visual world as the landscape. The result should have the warm earth tones, soft lighting, and dreamy quality of the reference.", "prompt-1": "Transform the uploaded owl photo into a soft watercolor children's book illustration, matching a delicate hand-painted storybook style. Show me only the owl with no background",
}, },
images: { images: {
"imageInput-1": { url: SAMPLE_IMAGES.styleTransferReference, filename: "style-transfer-reference.png" }, "imageInput-1": { url: SAMPLE_IMAGES.styleTransferReference, filename: "style-transfer-reference.png" },
@ -255,8 +255,8 @@ export const PRESET_TEMPLATES: PresetTemplate[] = [
name: "Product Shot", name: "Product Shot",
description: "Place product in a new scene or environment", description: "Place product in a new scene or environment",
icon: "M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4", icon: "M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4",
category: "product", category: "simple",
tags: ["product", "scene", "placement"], tags: ["Gemini"],
workflow: { workflow: {
version: 1, version: 1,
name: "Product Shot", name: "Product Shot",
@ -335,8 +335,8 @@ export const PRESET_TEMPLATES: PresetTemplate[] = [
name: "Model + Product", name: "Model + Product",
description: "Combine model, product, and scene", description: "Combine model, product, and scene",
icon: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z", icon: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z",
category: "product", category: "simple",
tags: ["product", "model", "fashion"], tags: ["Gemini"],
workflow: { workflow: {
version: 1, version: 1,
name: "Model + Product", name: "Model + Product",
@ -429,8 +429,8 @@ export const PRESET_TEMPLATES: PresetTemplate[] = [
name: "Color Variations", name: "Color Variations",
description: "Generate product color variants from references", description: "Generate product color variants from references",
icon: "M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01", icon: "M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01",
category: "product", category: "simple",
tags: ["product", "color", "variations"], tags: ["Gemini"],
workflow: { workflow: {
version: 1, version: 1,
name: "Color Variations", name: "Color Variations",
@ -523,8 +523,8 @@ export const PRESET_TEMPLATES: PresetTemplate[] = [
name: "Background Swap", name: "Background Swap",
description: "Place subject in a new background", description: "Place subject in a new background",
icon: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z", icon: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z",
category: "composition", category: "simple",
tags: ["composite", "background", "subject"], tags: ["Gemini"],
workflow: { workflow: {
version: 1, version: 1,
name: "Background Swap", name: "Background Swap",
@ -603,8 +603,8 @@ export const PRESET_TEMPLATES: PresetTemplate[] = [
name: "Style Transfer", name: "Style Transfer",
description: "Apply style from one image to another", description: "Apply style from one image to another",
icon: "M9.53 16.122a3 3 0 00-5.78 1.128 2.25 2.25 0 01-2.4 2.245 4.5 4.5 0 008.4-2.245c0-.399-.078-.78-.22-1.128zm0 0a15.998 15.998 0 003.388-1.62m-5.043-.025a15.994 15.994 0 011.622-3.395m3.42 3.42a15.995 15.995 0 004.764-4.648l3.876-5.814a1.151 1.151 0 00-1.597-1.597L14.146 6.32a15.996 15.996 0 00-4.649 4.763m3.42 3.42a6.776 6.776 0 00-3.42-3.42", icon: "M9.53 16.122a3 3 0 00-5.78 1.128 2.25 2.25 0 01-2.4 2.245 4.5 4.5 0 008.4-2.245c0-.399-.078-.78-.22-1.128zm0 0a15.998 15.998 0 003.388-1.62m-5.043-.025a15.994 15.994 0 011.622-3.395m3.42 3.42a15.995 15.995 0 004.764-4.648l3.876-5.814a1.151 1.151 0 00-1.597-1.597L14.146 6.32a15.996 15.996 0 00-4.649 4.763m3.42 3.42a6.776 6.776 0 00-3.42-3.42",
category: "style", category: "simple",
tags: ["style", "artistic", "transfer"], tags: ["Gemini"],
workflow: { workflow: {
version: 1, version: 1,
name: "Style Transfer", name: "Style Transfer",
@ -683,8 +683,8 @@ export const PRESET_TEMPLATES: PresetTemplate[] = [
name: "Scene Composite", name: "Scene Composite",
description: "Combine elements from multiple scenes", description: "Combine elements from multiple scenes",
icon: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10", icon: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10",
category: "composition", category: "simple",
tags: ["composite", "scene", "elements"], tags: ["Gemini"],
workflow: { workflow: {
version: 1, version: 1,
name: "Scene Composite", name: "Scene Composite",

Loading…
Cancel
Save