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}}
5. 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;\"><strong>Title Content</strong></p>","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><p style=\"font-size:18px;\">• Point Two</p><p style=\"font-size:18px;\">• Point Three</p>","defaultFontName":"","defaultColor":"#333333"}]}