skeletonprovider-agnostic

Creative AI Production OS

Primo canvas visuale per workflow creativi AI, preset-first e provider-agnostic.

Project / Workspace mock

Foundation Workspace

Workspace mock per canvas manuale, smoke test e workflow generici.

Active project

projectId: project-foundation
Default workflow: starter-workflow
Preset: manual/mock
Artifacts in view: 0

Scope locale/in-memory: nessun auth, team, database o workspace persistente in questo task.

Simple Mode

Product Ad 9:16 mock

Premium Product Ad 9:16 · v0.1.0. Genera un WorkflowGraph mock verticale 9:16 tramite preset engine, senza upload reale.

Aspect ratio: 9:16 locked
Estimate: 10 credits mock · 180s

Preview workflowGenera il preset per vedere nodi, edges, controlli scelti e quality checks.

Studio readiness

Product Ad production state

20/100

State: planning
References: 4
Shots: 4
Quality score: pending
Approved asset: pending
Export: blocked

WorkflowGraph0 pts

Generate Product Ad workflow before running.

Creative direction20 pts

4 references, 4 shots, Mock Brand.

Mock run0 pts

Run mock workflow to produce candidates.

Selected asset0 pts

Select and save a mock asset from generated outputs.

Quality / approval0 pts

Create a quality report and review decision.

Export readiness0 pts

Approval is required before export readiness.

No selected mock asset yetRun workflow, compare outputs, save selected output as mock asset.

Creative Direction mock

Reference Board / Brand DNA / Shot Planner

Compila brief, reference e grammatica video in uno snapshot deterministico. E' locale: resta un WorkflowGraph, non un piano di esecuzione.

Preset: product-ad-9x16 · v0.1.0
Direction: direction-product-ad-9x16-mock-brand-cinematic-draft-subtle
Aspect: 9:16 locked

Brand DNA mockBrand nameLogo mock URIPaletteToneVisual adjectivesForbidden traitsMaterialsLightingTypography

Reference Board mock

Nessun upload reale, solo URI mock o descrizioni convertite in mock://

TitleURITypeInfluenceNotes

Storyboard / Shot Planner mock

Shot metadata per key visual, refine, motion ed export check.

Key visual lockshot-key-visual · product-key-visual

CameraMotionDurationIntentLensLightingSafe area

Refined product finishshot-refine · product-refine

CameraMotionDurationIntentLensLightingSafe area

Motion revealshot-motion-reveal · product-animate

CameraMotionDurationIntentLensLightingSafe area

Export safety frameshot-export-check · product-export

CameraMotionDurationIntentLensLightingSafe area

Direction Compiler snapshot

Deterministico, JSON-serializzabile, nessun provider o backend.

Style DNA: Mock Brand | cinematic style | balanced AI intensity | draft quality | subtle motion | copy generate | tone premium, precise, cinematic | refs Product hero placeholder
Quality priorities: product_fidelity, logo_integrity, composition_safe_area, lighting_coherence, copy_legibility, export_format
Negative constraints: busy background, generic stock look, no arbitrary product deformation, no random camera drift, no unlicensed real brand imitation, no unreadable generated typography, warped logo
Seed key: product-ad-9x16-0-1-0-mock-brand-cinematic-draft-subtle-crea-un-product-ad-verticale-premium-con-prodott

Creative thesis

Brand DNA

Mock Brand: premium, precise, cinematic. Palette charcoal, chrome highlight, soft white. Materials: polished product surfaces, believable reflections, subtle texture.

Reference board

Product hero placeholder (product/primary); Logo placeholder (logo/supporting); Style board placeholder (style/supporting); Motion language placeholder (motion/supporting)

Storyboard / shot plan

Export safety frame: Controlla crop, safe area e leggibilita' finale per social vertical. Key visual lock: Definisce il frame hero con prodotto leggibile e composizione 9:16. Motion reveal: Trasforma il visual approvato in un breve reveal verticale. Refined product finish: Migliora materiali, luce e pulizia del prodotto prima del motion pass.

Copy and typography

generate copy mode. minimal headline system, centered safe area, no generated fake text.

{
  "id": "direction-product-ad-9x16-mock-brand-cinematic-draft-subtle",
  "presetId": "product-ad-9x16",
  "presetVersion": "0.1.0",
  "graphKind": "WorkflowGraph",
  "hasPlan": false,
  "aspectRatio": "9:16",
  "selectedControls": {
    "style": "cinematic",
    "aiIntensity": "balanced",
    "variants": 4,
    "quality": "draft",
    "movement": "subtle",
    "copyMode": "generate",
    "aspectRatio": "9:16"
  },
  "styleDnaSummary": "Mock Brand | cinematic style | balanced AI intensity | draft quality | subtle motion | copy generate | tone premium, precise, cinematic | refs Product hero placeholder",
  "referenceBoard": [
    {
      "id": "ref-product-hero",
      "title": "Product hero placeholder",
      "uri": "mock://assets/product-hero.png",
      "type": "product",
      "influence": "primary",
      "notes": "Mantieni silhouette, proporzioni e leggibilita' del prodotto."
    },
    {
      "id": "ref-logo-lockup",
      "title": "Logo placeholder",
      "uri": "mock://assets/logo.png",
      "type": "logo",
      "influence": "supporting",
      "notes": "Usa come vincolo di brand, non come texture generativa."
    },
    {
      "id": "ref-style-board",
      "title": "Style board placeholder",
      "uri": "mock://assets/reference-board.png",
      "type": "style",
      "influence": "supporting",
      "notes": "Direzione cinematic, pulita e premium."
    },
    {
      "id": "ref-motion-language",
      "title": "Motion language placeholder",
      "uri": "mock://references/product-ad-motion-reveal.mp4",
      "type": "motion",
      "influence": "supporting",
      "notes": "Movimento subtle, niente drift casuale."
    }
  ],
  "brandDna": {
    "brandName": "Mock Brand",
    "logoUri": "mock://assets/logo.png",
    "palette": [
      "charcoal",
      "chrome highlight",
      "soft white"
    ],
    "tone": "premium, precise, cinematic",
    "visualAdjectives": [
      "clean",
      "controlled",
      "high-end",
      "tactile"
    ],
    "forbiddenTraits": [
      "busy background",
      "generic stock look",
      "warped logo"
    ],
    "materialLanguage": "polished product surfaces, believable reflections, subtle texture",
    "lighting": "controlled key light, soft fill, crisp rim highlights",
    "typographyIntent": "minimal headline system, centered safe area, no generated fake text"
  },
  "storyboard": [
    {
      "id": "shot-export-check",
      "title": "Export safety frame",
      "intent": "Controlla crop, safe area e leggibilita' finale per social vertical.",
      "camera": "locked final frame",
      "lens": "not applicable",
      "lighting": "grade-consistent final output",
      "motion": "no new motion, export validation only",
      "durationSeconds": 0,
      "safeArea": "9:16 social safe area",
      "targetNodeId": "product-export"
    },
    {
      "id": "shot-key-visual",
      "title": "Key visual lock",
      "intent": "Definisce il frame hero con prodotto leggibile e composizione 9:16.",
      "camera": "straight hero angle with slight premium depth",
      "lens": "70mm product compression",
      "lighting": "soft key, narrow rim, controlled speculars",
      "motion": "still frame for visual approval",
      "durationSeconds": 0,
      "safeArea": "center safe 9:16",
      "targetNodeId": "product-key-visual"
    },
    {
      "id": "shot-motion-reveal",
      "title": "Motion reveal",
      "intent": "Trasforma il visual approvato in un breve reveal verticale.",
      "camera": "subtle push-in",
      "lens": "stable product lens, no wide angle distortion",
      "lighting": "retain highlights and material continuity",
      "motion": "subtle reveal, easing pulito, no object morphing",
      "durationSeconds": 4,
      "safeArea": "leave top and lower copy safe zones",
      "targetNodeId": "product-animate"
    },
    {
      "id": "shot-refine",
      "title": "Refined product finish",
      "intent": "Migliora materiali, luce e pulizia del prodotto prima del motion pass.",
      "camera": "same framing as key visual",
      "lens": "consistent lens language",
      "lighting": "match key visual lighting",
      "motion": "none, image refinement only",
      "durationSeconds": 0,
      "safeArea": "preserve product and logo margins",
      "targetNodeId": "product-refine"
    }
  ],
  "directionSections": [
    {
      "id": "creative-thesis",
      "title": "Creative thesis",
      "body": "Crea un product ad verticale premium con prodotto ben leggibile, luce cinematica, composizione pulita e safe area per copy. Direction DNA: Mock Brand | cinematic style | balanced AI intensity | draft quality | subtle motion | copy generate | tone premium, precise, cinematic | refs Product hero placeholder."
    },
    {
      "id": "brand-dna",
      "title": "Brand DNA",
      "body": "Mock Brand: premium, precise, cinematic. Palette charcoal, chrome highlight, soft white. Materials: polished product surfaces, believable reflections, subtle texture."
    },
    {
      "id": "reference-board",
      "title": "Reference board",
      "body": "Product hero placeholder (product/primary); Logo placeholder (logo/supporting); Style board placeholder (style/supporting); Motion language placeholder (motion/supporting)"
    },
    {
      "id": "shot-plan",
      "title": "Storyboard / shot plan",
      "body": "Export safety frame: Controlla crop, safe area e leggibilita' finale per social vertical. Key visual lock: Definisce il frame hero con prodotto leggibile e composizione 9:16. Motion reveal: Trasforma il visual approvato in un breve reveal verticale. Refined product finish: Migliora materiali, luce e pulizia del prodotto prima del motion pass."
    },
    {
      "id": "copy-and-type",
      "title": "Copy and typography",
      "body": "generate copy mode. minimal headline system, centered safe area, no generated fake text."
    }
  ],
  "negativeConstraints": [
    "busy background",
    "generic stock look",
    "no arbitrary product deformation",
    "no random camera drift",
    "no unlicensed real brand imitation",
    "no unreadable generated typography",
    "warped logo"
  ],
  "cameraDirectives": [
    "locked final frame",
    "same framing as key visual",
    "straight hero angle with slight premium depth",
    "subtle push-in"
  ],
  "motionDirectives": [
    "no new motion, export validation only",
    "none, image refinement only",
    "still frame for visual approval",
    "subtle reveal, easing pulito, no object morphing"
  ],
  "qualityPriorities": [
    "product_fidelity",
    "logo_integrity",
    "composition_safe_area",
    "lighting_coherence",
    "copy_legibility",
    "export_format"
  ],
  "seedMetadata": {
    "deterministicSeedKey": "product-ad-9x16-0-1-0-mock-brand-cinematic-draft-subtle-crea-un-product-ad-verticale-premium-con-prodott",
    "source": "simple-mode-product-ad-9x16"
  }
}

Builder Mode foundation mock

Preset / Smart Node Builder

Modella metadata, controlli esposti e smart-node roles dal WorkflowGraph corrente. E' locale: non crea marketplace, provider config o DSL avanzato.

Graph: 6 nodes · 6 edges
Controls: 6 exposed · 1 locked

Preset metadata draftIDNameVersionCategoryDescription

Exposed controls draft

Controlli mock derivati dal preset, non ancora DSL generale.

LabelDefaultOptions

styleselect

LabelDefaultOptions

aiIntensityselect

LabelDefaultOptions

variantsnumber

LabelDefaultOptions

qualityselect

LabelDefaultOptions

movementselect

LabelDefaultOptions

copyModeselect

LabelDefaultOptions

aspectRatiolocked · locked

Smart nodes from graph

Ruoli derivati dai node type correnti, senza registry nuovo.

briefbrief.input · input

image-uploadasset.imageUpload · asset

prompt-builderprompt.builder · prompt

generate-imageimage.generate · generation

comparecompare.outputs · review

exportexport.media · export

Builder warnings

Solo diagnostica locale.

Current WorkflowGraph has the expected builder roles.

Builder preview JSON

WorkflowGraph metadata, non execution plan.

{
  "preset": {
    "id": "product-ad-9x16",
    "name": "Premium Product Ad 9:16",
    "version": "0.1.0",
    "category": "product-ad",
    "description": "Preset mock per generare una pipeline Product Ad verticale 9:16 usando i nodi esistenti e mock providers."
  },
  "controls": [
    {
      "id": "style",
      "label": "Style",
      "type": "select",
      "defaultValue": "cinematic",
      "options": [
        "cinematic",
        "glossy",
        "luxury",
        "tech",
        "organic",
        "surreal"
      ],
      "locked": false
    },
    {
      "id": "aiIntensity",
      "label": "AI intensity",
      "type": "select",
      "defaultValue": "balanced",
      "options": [
        "safe",
        "balanced",
        "expressive"
      ],
      "locked": false
    },
    {
      "id": "variants",
      "label": "Variants",
      "type": "number",
      "defaultValue": "4",
      "options": [
        "2",
        "4",
        "8"
      ],
      "locked": false
    },
    {
      "id": "quality",
      "label": "Quality",
      "type": "select",
      "defaultValue": "draft",
      "options": [
        "draft",
        "premium",
        "final"
      ],
      "locked": false
    },
    {
      "id": "movement",
      "label": "Movement",
      "type": "select",
      "defaultValue": "subtle",
      "options": [
        "subtle",
        "medium",
        "dynamic"
      ],
      "locked": false
    },
    {
      "id": "copyMode",
      "label": "Copy mode",
      "type": "select",
      "defaultValue": "generate",
      "options": [
        "none",
        "generate",
        "custom"
      ],
      "locked": false
    },
    {
      "id": "aspectRatio",
      "label": "Aspect ratio",
      "type": "locked",
      "defaultValue": "9:16",
      "options": [
        "9:16"
      ],
      "locked": true
    }
  ],
  "graph": {
    "id": "workflow-product-ad-skeleton",
    "nodeCount": 6,
    "edgeCount": 6,
    "smartNodes": [
      {
        "nodeId": "brief",
        "nodeType": "brief.input",
        "label": "Brief",
        "role": "input"
      },
      {
        "nodeId": "image-upload",
        "nodeType": "asset.imageUpload",
        "label": "Image Upload",
        "role": "asset"
      },
      {
        "nodeId": "prompt-builder",
        "nodeType": "prompt.builder",
        "label": "Prompt Builder",
        "role": "prompt"
      },
      {
        "nodeId": "generate-image",
        "nodeType": "image.generate",
        "label": "Generate Image",
        "role": "generation"
      },
      {
        "nodeId": "compare",
        "nodeType": "compare.outputs",
        "label": "Compare Outputs",
        "role": "review"
      },
      {
        "nodeId": "export",
        "nodeType": "export.media",
        "label": "Export Media",
        "role": "export"
      }
    ]
  }
}

inputBrief

Raccoglie il brief testuale del workflow creativo.

brief.inputmock/skeleton

0 input1 output

assetImage Upload

Rappresenta una immagine caricata dall'utente come asset sorgente.

asset.imageUploadmock/skeleton

0 input1 output

promptPrompt Builder

Costruisce un prompt strutturato da brief e reference opzionale.

prompt.buildermock/skeleton

2 input1 output

generationGenerate Image

Genera immagini a partire da prompt e reference opzionale.

image.generatemock/skeleton

2 input1 output

comparisonCompare Outputs

Confronta candidati creativi e produce una selezione.

compare.outputsmock/skeleton

1 input1 output

exportExport Media

Prepara il media finale per export, senza elaborazione reale in questo task.

export.mediamock/skeleton

1 input1 output

React Flow

Cache / Partial Rerun mock

Affected downstream scope

5 rerun · 1 cache hit mock · mock-graph-22007354

Source nodeInput asset IDs mock

5 nodi affected downstream da brief.1 nodi riusano cache mock.Il rerun scope e' preview locale: non introduce cache persistente.

Graph hash: mock-graph-22007354
Source: brief
Affected nodes: brief, prompt-builder, generate-image, compare, export
Policy: mock-local-preview

briefbrief.input

mock-cache-831ba580

Nodo sorgente modificato o selezionato per rerun.

image-uploadasset.imageUpload

mock-cache-1df3279e

Cache mock riutilizzabile per questo scope.

prompt-builderprompt.builder

mock-cache-e4f38a70

Nodo downstream dipende dalla sorgente selezionata.

generate-imageimage.generate

mock-cache-4d537b30

Nodo downstream dipende dalla sorgente selezionata.

comparecompare.outputs

mock-cache-cd457189

Nodo downstream dipende dalla sorgente selezionata.

exportexport.media

mock-cache-9f59c292

Nodo downstream dipende dalla sorgente selezionata.

Affected edges

brief-prompt: brief -> prompt-builder
prompt-generate: prompt-builder -> generate-image
generate-compare: generate-image -> compare
compare-export: compare -> export

{
  "workflowGraphId": "workflow-product-ad-skeleton",
  "workflowGraphName": "Product Ad Skeleton",
  "rerunScope": {
    "mode": "downstream_from_node",
    "sourceNodeId": "brief",
    "affectedNodeIds": [
      "brief",
      "prompt-builder",
      "generate-image",
      "compare",
      "export"
    ],
    "graphHash": "mock-graph-22007354",
    "inputAssetIds": [],
    "cachePolicy": "mock-local-preview"
  }
}

Local state

Workflow JSON

Preview serializzata del grafo mock. Nessun salvataggio backend.

{
  "id": "workflow-product-ad-skeleton",
  "name": "Product Ad Skeleton",
  "mode": "mock",
  "version": "0.0.0",
  "nodes": [
    {
      "id": "brief",
      "type": "brief.input",
      "label": "Brief",
      "category": "input",
      "position": {
        "x": 0,
        "y": 80
      },
      "params": {
        "briefText": "Descrivi prodotto, obiettivo e vincoli creativi.",
        "tone": "cinematic"
      }
    },
    {
      "id": "image-upload",
      "type": "asset.imageUpload",
      "label": "Image Upload",
      "category": "asset",
      "position": {
        "x": 0,
        "y": 240
      },
      "params": {
        "acceptedTypes": "image",
        "maxSizeMb": 25
      }
    },
    {
      "id": "prompt-builder",
      "type": "prompt.builder",
      "label": "Prompt Builder",
      "category": "prompt",
      "position": {
        "x": 280,
        "y": 160
      },
      "params": {
        "style": "cinematic",
        "intensity": "balanced",
        "aspectRatio": "9:16"
      }
    },
    {
      "id": "generate-image",
      "type": "image.generate",
      "label": "Generate Image",
      "category": "generation",
      "position": {
        "x": 560,
        "y": 160
      },
      "params": {
        "aspectRatio": "9:16",
        "quality": "draft",
        "variants": 4,
        "seed": 0
      }
    },
    {
      "id": "compare",
      "type": "compare.outputs",
      "label": "Compare Outputs",
      "category": "comparison",
      "position": {
        "x": 840,
        "y": 160
      },
      "params": {
        "maxItems": 4,
        "scoringMode": "manual"
      }
    },
    {
      "id": "export",
      "type": "export.media",
      "label": "Export Media",
      "category": "export",
      "position": {
        "x": 1120,
        "y": 160
      },
      "params": {
        "format": "mp4",
        "aspectRatio": "9:16",
        "quality": "draft"
      }
    }
  ],
  "edges": [
    {
      "id": "brief-prompt",
      "source": "brief",
      "target": "prompt-builder"
    },
    {
      "id": "upload-prompt",
      "source": "image-upload",
      "target": "prompt-builder"
    },
    {
      "id": "prompt-generate",
      "source": "prompt-builder",
      "target": "generate-image"
    },
    {
      "id": "upload-generate",
      "source": "image-upload",
      "target": "generate-image"
    },
    {
      "id": "generate-compare",
      "source": "generate-image",
      "target": "compare"
    },
    {
      "id": "compare-export",
      "source": "compare",
      "target": "export"
    }
  ]
}