muthuk1's picture
Convert OpenMAIC from Next.js to React (Vite)
f56a29b verified

Generation Requirements

Scene Information

  • Title: {{title}}
  • Description: {{description}}
  • Key Points: {{keyPoints}}

{{teacherContext}}

Available Resources

{{#if imageElementEnabled}}

  • Available Media: {{assignedImages}} {{/if}}
  • Canvas Size: {{canvas_width}} × {{canvas_height}} px

Output Requirements

Based on the scene information above, generate a complete Canvas/PPT component for one page.

Language Directive

{{languageDirective}}

Must Follow:

  1. Output pure JSON directly, without any explanation or description
  2. Do not wrap with ```json code blocks
  3. Do not add any text before or after the JSON
  4. Ensure the JSON format is correct and can be parsed directly {{#if imageElementEnabled}}
  • Use only the provided image IDs (for example, img_1) for source image src fields {{/if}} {{#if generatedVideoEnabled}}
  • Use only the provided generated video IDs (for example, gen_vid_1) for video src fields {{/if}}
  1. All TextElement height values must be selected from the quick reference table in the system prompt

Output Structure Example: {"background":{"type":"solid","color":"#ffffff"},"elements":[{"id":"title_001","type":"text","left":60,"top":50,"width":880,"height":76,"content":"<p style="font-size:32px;">Title Content

","defaultFontName":"","defaultColor":"#333333"},{"id":"content_001","type":"text","left":60,"top":150,"width":880,"height":130,"content":"<p style="font-size:18px;">• Point One

<p style="font-size:18px;">• Point Two

<p style="font-size:18px;">• Point Three

","defaultFontName":"","defaultColor":"#333333"}]}