Creato

Prompt

The system should generate a concept featuring a clear focal point, strong contrast, readable headline and intentional composition.

Allow users to upload their own authorized portrait or product image.

Keep headlines as editable text elements for precise typography.

Provide alternative thumbnail concepts with different layouts and visual emphasis.

Make every thumbnail easy to customize and export.

7. AI Image and Portrait Creation

Introduce an image generation workspace for producing original visual assets.

Allow users to create illustrations, product backgrounds, promotional photography and stylized creative imagery.

Support optional image uploads for authorized editing workflows.

Provide controls for visual style, aspect ratio, mood and composition.

Offer background removal and background replacement through suitable image-processing services.

Allow users to save generated assets to a reusable media library.

Only enable likeness-sensitive features with appropriate authorization.

8. Intelligent Visual Layout Engine

Create a layout system that transforms generated content into attractive, editable designs.

Each layout should use real text, image and shape elements rather than flattened screenshots.

Build reusable composition templates that respond to content length, selected imagery and aspect ratio.

Implement automatic text fitting, spacing rules, alignment guides and safe margins.

Provide options for changing typography, layout density, color balance and visual emphasis.

Maintain consistent hierarchy and readability across different export formats.

9. AI Creative Assistant

Add an intelligent assistant that understands the user's current content project.

It should answer requests such as:

"Make this opening hook more engaging."

"Turn this into a five-slide educational carousel."

"Rewrite this for a professional LinkedIn audience."

"Give me three stronger thumbnail concepts."

"Keep the same brand style but redesign the composition."

The assistant must work with structured project data and return actionable edits.

Users should be able to preview and approve substantial changes before applying them.

10. Visual Content Editor

Create a polished browser-based editor.

The workspace should feature a large central preview, a compact properties panel, an asset library and intuitive format controls.

Support dragging, resizing, aligning, duplicating and deleting visual elements.

Include undo and redo, keyboard shortcuts, zoom controls, snapping and layer ordering.

Allow independent editing of text, shapes, images and backgrounds.

Provide a clear distinction between AI-generated content and user-made adjustments.

11. Brand Consistency Engine

Automatically apply the selected brand profile to generated designs.

Use approved color combinations, fonts, spacing rules and preferred graphic treatments.

Introduce an optional AI review that checks whether newly generated content follows the user's saved brand guidelines.

Provide recommendations for visual inconsistencies while keeping final control with the user.

12. Content Library and Project Management

Implement a dashboard that organizes generated content into projects.

Users should be able to save drafts, duplicate previous work, rename projects and revisit earlier design versions.

Provide filtering by content format, brand and creation date.

Store generation prompts, content data, visual configurations and export history.

Allow creators to reuse approved layouts and graphics across multiple projects.

13. Export and Publishing Preparation

Implement reliable export capabilities.

Support PNG, JPG and PDF, depending on the asset type.

Provide suitable output dimensions for common social platforms.

Allow users to export carousel slides individually or as a complete package.

Generate optional captions, hashtags and accessibility descriptions.

Do not claim direct publishing to a social network unless a supported, authenticated integration has been implemented.

14. Technical Architecture
Use React, TypeScript, Tailwind CSS and Framer Motion to build a responsive and original interface.

Use Lovable as an AI-assisted development environment for rapid initial implementation and iteration.

Use Supabase for authentication, database storage and optional media storage.

Integrate Anthropic Claude API for structured content generation.

Use a supported image generation provider for visual assets.

Develop the visual editor using an appropriate browser-based graphics library such as Konva or Fabric.js.

Keep AI API keys secure on the server.

Implement background processing for generation requests, robust input validation, rate limits and clear failure recovery.

Deploy the application to a production hosting environment and configure a custom domain.

These are proposed implementation choices rather than claims about the original project's undisclosed internal stack.

15. Design System

Build a recognizable visual identity rather than using a default AI-generated dashboard.

Use warm neutral backgrounds, high-contrast typography and a distinctive restrained accent palette.

Design compact toolbars, functional panels, clear interaction states and beautiful content previews.

Prioritize the generated artwork as the main visual attraction.

Create subtle transitions for entering the editor, generating assets, switching formats and saving projects.

Make the editor desktop-first but provide a responsive mobile experience for generating, reviewing and exporting content.

16. Testing and Reliability

Test authentication, content generation, saved brands, design editing, project storage and export accuracy.

Ensure generated layouts handle short and long text without overflow.

Verify image positioning, text rendering, mobile responsiveness and cross-browser export compatibility.

Provide real loading states and informative error messages.

Do not simulate successful AI generations or display fake user activity as real.

Final Deliverables

Build a working application containing a premium homepage, user authentication, brand profile creator, AI carousel generator, social post generator, thumbnail studio, visual editor, content library and reliable export tools.

Include clean source code, environment-variable documentation, setup instructions and deployment guidance.

The product should demonstrate how AI-assisted software development can produce a focused, polished creative application with real functionality.

Core philosophy: One idea. One workspace. Complete creative freedom.