Skip to main content

Adding Genesis Context

Supercharge your apps with file-based context.

Updated over a month ago

Overview

When you build apps with Taskade Genesis, you can upload reference files to provide context and guidance. The additional context will help AI understand your requirements, match your brand, and follow a specific design pattern.

πŸ’‘ Note: Any files that you upload are added to the Media tab.


What You Can Use as Context

Genesis works with various file types to understand your requirements. Upload documents, images, data files, and code samples to amplify your builds.


🎨 Brand and Design Files

Upload your visual identity materials so Genesis can match your brand perfectly.

  • Brand guidelines (PDF): Color codes, typography, logo usage, design principles
    ​

  • Logo files (PNG, JPG): Primary logos, variations, icons, and brand marks
    ​

  • Color palettes and style guides: Hex codes, color combinations, visual hierarchy
    ​

  • Website screenshots Current site design, layout patterns, UI elements
    ​

  • Mockups or wireframes: App layouts, user interface designs, navigation flows


πŸ“Š Data and Structure Files

Share examples of data and processes to better explain your use case.

  • Existing forms (PDF): Contact forms, registration forms, surveys, applications
    ​

  • Data examples: Table structures, field definitions, sample records
    ​

  • Workflow documents: Process flows, SOPs, business rules
    ​

  • Code snippets: Validation rules, integration examples, custom functions


πŸ“Ž Reference Materials

Show Genesis examples of what you like or want to replicate from other sources.

  • Screenshots of apps: UI inspiration, feature examples, interaction patterns
    ​

  • Screenshots existing systems: Legacy applications, competitor tools
    ​

  • Process documentation: Standard procedures, user manuals, training materials
    ​

  • User requirements: Feature specifications, acceptance criteria, use cases
    ​

  • Technical documentation: API specs, integration guides, configuration files


Provide App Context

There are two different ways to provide context to Genesis depending on when you're in the app building process. Here's how to get started:


Initial Prompt

When you first prompt Genesis to build an app, you can provide context. You can also add relevant text information directly into your initial prompt.

  • Open Taskade Genesis and type your initial app prompt.
    ​

  • Drag & drop files into the prompt box, or
    ​

    • (1) Click the Attachment button (πŸ“Ž) and (2) choose:
      ​

    • Upload Files: Browse and upload files from your device.
      ​

    • Add from Workspace: Select files already uploaded to this workspace.
      ​

    • Add from Cloud: Import files from cloud storage.
      ​

  • Submit the prompt. Genesis will create the app using your text context.


Follow-Up Prompts

After Genesis creates your app, you can upload context files in follow-up prompts to refine and improve the app. Uploaded files will be added to the Media tab.

  • Open your Genesis app in Preview mode after it's created.
    ​

  • Upload context files:
    ​

    • (method 1) Drag & drop files into the chat box.
      ​

    • (method 2) Use the Attachment button (πŸ“Ž)
      ​

  • Ask Genesis to update the app using the new context.
    ​

    • "Update this contact form to match our brand guidelines. Use the colors and fonts specified in the uploaded PDF."


🧬 Helpful Links

Did this answer your question?