# Adding Context

***

## Table of Contents

* [Overview](#overview)
* [What You Can Use as Context](#what-you-can-use-as-context)
* [Provide App Context](#provide-app-context)
  * [Initial Prompt (New App)](#initial-prompt-new-app)
  * [Follow-Up Prompts (Existing App)](#follow-up-prompts-existing-app)
* [Context Best Practices](#context-best-practices)
* [How Context Powers Workspace DNA](#how-context-powers-workspace-dna)
* [What's Next](#whats-next)

***

## Overview

When you build apps with Taskade Genesis, you can **upload reference files** to provide context and guidance. The additional context helps AI understand your requirements, match your brand, and follow specific design patterns — producing apps that feel like they were custom-built by your team.

> **Any files you upload are automatically added to the Media tab** and become part of your Workspace DNA, enriching all future app builds and AI agent responses.

***

## What You Can Use as Context

Genesis works with a wide range of file types to understand your requirements:

### Brand & Design Files

| File Type                  | What to Upload                                         | How Genesis Uses It                                 |
| -------------------------- | ------------------------------------------------------ | --------------------------------------------------- |
| **Brand guidelines** (PDF) | Color codes, typography, logo usage, design principles | Matches your exact brand identity                   |
| **Logo files** (PNG, JPG)  | Primary logos, variations, icons, brand marks          | Places logos and creates consistent visual identity |
| **Color palettes**         | Hex codes, color combinations, visual hierarchy        | Applies your exact color scheme throughout the app  |
| **Website screenshots**    | Current site design, layout patterns, UI elements      | Replicates your existing design language            |
| **Mockups / wireframes**   | App layouts, user interface designs, navigation flows  | Builds to your exact specifications                 |

### Data & Structure Files

| File Type                    | What to Upload                                      | How Genesis Uses It                                   |
| ---------------------------- | --------------------------------------------------- | ----------------------------------------------------- |
| **Existing forms** (PDF)     | Contact forms, registration forms, surveys          | Recreates your form structure digitally               |
| **Data examples**            | Table structures, field definitions, sample records | Creates matching database schemas                     |
| **Workflow documents**       | Process flows, SOPs, business rules                 | Builds automation logic and business rules            |
| **Spreadsheets** (XLSX, CSV) | Customer data, inventory lists, schedules           | Pre-populates databases and creates appropriate views |
| **Code snippets**            | Validation rules, integration examples              | Implements specific logic requirements                |

### Reference Materials

| File Type                 | What to Upload                                         | How Genesis Uses It                     |
| ------------------------- | ------------------------------------------------------ | --------------------------------------- |
| **App screenshots**       | UI inspiration, feature examples, interaction patterns | Replicates design patterns you like     |
| **Competitor tools**      | Screenshots of competitor apps                         | Builds competitive alternatives         |
| **Process documentation** | Standard procedures, user manuals, training materials  | Creates apps that follow your processes |
| **Requirements docs**     | Feature specs, acceptance criteria, use cases          | Implements exact feature requirements   |
| **API/Tech docs**         | API specs, integration guides, config files            | Connects to your existing systems       |

### Supported Upload Formats

| Category          | Formats                                                        |
| ----------------- | -------------------------------------------------------------- |
| **Documents**     | PDF, DOCX, TXT, MD, PPTX, XLSX, CSV, EPUB                      |
| **Images**        | PNG, JPG, GIF, SVG, WebP                                       |
| **Web sources**   | YouTube videos, blog URLs, tweets, Reddit posts, news articles |
| **Cloud storage** | Google Drive, Dropbox, Box, OneDrive                           |

***

## Provide App Context

There are two ways to provide context depending on where you are in the building process.

### Initial Prompt (New App)

When first creating an app, attach context alongside your prompt:

| Step | Action                                                                                                                   |
| ---- | ------------------------------------------------------------------------------------------------------------------------ |
| 1    | Open Taskade Genesis and type your initial app prompt                                                                    |
| 2    | Add files: **Drag & drop** into the prompt box, or click the **Attachment** button                                       |
| 3    | Choose source: **Upload Files** (device), **Add from Workspace** (existing files), or **Add from Cloud** (cloud storage) |
| 4    | Submit the prompt — Genesis creates the app using your text + uploaded context                                           |

**Example prompt with context:**

> "Build a customer portal for my consulting firm. Use the brand guidelines I've uploaded for colors and fonts. The wireframe shows the layout I want. The spreadsheet has our current client list."

### Follow-Up Prompts (Existing App)

After Genesis creates your app, upload additional context to refine it:

| Step | Action                                                                         |
| ---- | ------------------------------------------------------------------------------ |
| 1    | Open your Genesis app in **Preview** mode                                      |
| 2    | Add files: **Drag & drop** into the chat box, or use the **Attachment** button |
| 3    | Ask Genesis to update the app using the new context                            |

**Example follow-up prompts:**

| Context Added         | Prompt                                                                                                           |
| --------------------- | ---------------------------------------------------------------------------------------------------------------- |
| Brand PDF             | "Update the contact form to match our brand guidelines. Use the colors and fonts specified in the uploaded PDF." |
| Competitor screenshot | "Make our dashboard layout more like this competitor screenshot, but keep our brand colors."                     |
| Data spreadsheet      | "Import the customer data from this spreadsheet into the app's database."                                        |
| Process document      | "Update the booking workflow to match the steps in this SOP document."                                           |
| Logo files            | "Replace the placeholder logo with our uploaded logo files."                                                     |

***

## Context Best Practices

| Practice                     | Why                                                 | Example                                         |
| ---------------------------- | --------------------------------------------------- | ----------------------------------------------- |
| **Upload brand files first** | Sets the visual foundation for everything           | Brand PDF + logos before any styling prompts    |
| **Include data samples**     | Helps Genesis create accurate database schemas      | 5-10 sample records with all field types        |
| **Show, don't just tell**    | Screenshots and mockups are more precise than words | Upload a wireframe instead of describing layout |
| **Add incrementally**        | Too much context at once can dilute focus           | Brand first, then data, then workflows          |
| **Use specific file names**  | Helps you reference files in prompts                | "brand-guidelines-2025.pdf" not "document1.pdf" |
| **Include edge cases**       | Prevents gaps in logic                              | "Here's an example of a canceled order..."      |

***

## How Context Powers Workspace DNA

Every file you upload becomes part of your workspace's living memory:

| Context Added          | DNA Impact                                      | Future Benefit                      |
| ---------------------- | ----------------------------------------------- | ----------------------------------- |
| Brand guidelines       | All future apps use your brand automatically    | Consistent brand across every app   |
| Data samples           | AI agents understand your data structures       | Smarter agent responses and queries |
| Process documents      | Automations follow your business rules          | More accurate workflow generation   |
| Competitor screenshots | Genesis understands your market position        | Better feature recommendations      |
| Customer data          | Databases pre-populated and properly structured | Faster app deployment               |

> **Workspace DNA hint:** Context uploads increase the richness of your workspace memory, which directly improves your [Intelligence Score](https://docs.taskade.com/docs/taskade-genesis/how-genesis-works#workspace-intelligence-score) and makes every future app smarter.

***

## What's Next

| Guide                                                                                                                         | What You'll Learn                                      |
| ----------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ |
| [Image Generation](https://docs.taskade.com/docs/ai-features/ai-features/image-generation)                                    | Generate custom images for your apps                   |
| [Guide to App Styles](https://github.com/taskade/docs/blob/main/genesis-living-system-builder/space-apps-guide/app-styles.md) | Use your brand context to apply specific visual styles |
| [Agent Knowledge & Memory](https://docs.taskade.com/docs/ai-features/ai-features/agent-knowledge)                             | Train AI agents on your uploaded files                 |
| [Projects & Databases](https://docs.taskade.com/docs/workspaces/workspaces/projects-databases)                                | How uploaded data becomes structured databases         |