> ## Documentation Index
> Fetch the complete documentation index at: https://docs.webdraw.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Referencing Prompts & Files

The **Prompts & Files** feature allows you to integrate 🤖 AI capabilities into your app and attach or reference project files. This feature is accessible in the chat mode text area.

***

## **💬 Using Prompts** 

Prompts enable you to enhance your app with AI-driven functionalities. For instance, if you have a **sketch-to-image** app but want to add video generation, you can use prompts to turn it into a **sketch-to-image-to-video** app.

You can access the **Prompts** menu by typing `@` in the chat or clicking **Reference Prompts or Files** at the bottom of the chat window.

When selecting a prompt, you can also choose the 🤖 AI model that will process your request. Different prompts are optimized for specific tasks. You can always add **custom instructions** to refine your results. 

## **Available Prompts** 

### **Text Generation**

1. ***Simple*** **Tasks** - Fast, text-only generation.

   * Uses: Quick replies, grammar fixes, translations.

   * Models: OpenAI GPT-4 Turbo, Claude 3.5 Haiku, Mistral Small.

   * 🔗 [OpenAI Docs](https://platform.openai.com/docs/) | [Anthropic Claude](https://www.anthropic.com/index/claude) | [Mistral AI](https://mistral.ai/)

2. **Text Generation** - Works with text, PDFs, images, and audio.

   * Uses: Extracting insights from files.

   * Models: OpenAI GPT-4o, GPT-4o Audio Preview, GPT-4.5 Preview, Claude 3.5 Sonnet, Deepseek Chat, XAI.

   * 🔗 [OpenAI Docs](https://platform.openai.com/docs/) | [Claude AI](https://www.anthropic.com/) | [Deepseek AI](https://deepseek.com/) | [XAI](https://x.ai/)

3. **Reasoning Text Generation** - Helps with structured reasoning.

   * Uses: Planning roadmaps, thought structuring.

   * Models: OpenAI o3 Mini, Deepseek Reasoner.

   * 🔗 [Deepseek Reasoner](https://deepseek.com/) | [OpenAI API](https://platform.openai.com/docs/)

4. **Internet Search** - Performs real-time web searches.

   * Uses: News updates, research, retrieving online data.

   * Models: Perplexity Sonar, Perplexity Sonar Pro.

   * 🔗 [Perplexity AI](https://www.perplexity.ai/)

### **Image Generation** 

1. **Fast Image Generation** - Rapid but lower-quality images.

   * Uses: Memes, quick drafts.

   * Models: Stability Core, OpenAI DALL-E 3.

   * 🔗 [Stability AI](https://platform.stability.ai/) | [DALL-E 3](https://openai.com/dall-e)

2. **High-Quality Image Generation** - Detailed, high-quality images.

   * Uses: Professional-grade rendering.

   * Models: Stability Ultra.

   * 🔗 [Stability Ultra](https://platform.stability.ai/)

### **Image Editing** 

1. **Replace Objects** - Identifies and replaces objects in an image.

   * Uses: Object swapping.

   * Models: Stability Search-and-Replace.

   * 🔗 [Stability AI Object Editing](https://platform.stability.ai/docs/api-reference)

2. **Recolor Objects** - Changes colors of objects in images.

   * Uses: Color adjustments.

   * Models: Stability Search-and-Recolor.

   * 🔗 [Stability AI Recolor](https://platform.stability.ai/docs/api-reference)

3. **Remove Background** - Isolates subjects from images.

   * Uses: Transparent backgrounds.

   * Models: Stability Remove-Background.

   * 🔗 [Stability Remove Background](https://platform.stability.ai/docs/api-reference)

4. **Expand Images** - Extends an image with outpainting.

* Uses: Expanding artworks.

* Models: Stability Outpaint.

* 🔗 [Stability Outpainting](https://platform.stability.ai/docs/api-reference)

1. **Create Sketches** - Converts sketches into refined images.

* Uses: Concept art, sketches to images.

* Models: Stability Sketch.

* 🔗 [Stability AI Sketch](https://platform.stability.ai/docs/api-reference)

### **Video & Audio Creation** 

1. **Create Video From Image** - Animates still images.

* Uses: AI-generated motion.

* Models: MinMax Video-01.

* 🔗 [MinMax AI](https://intl.minimaxi.com/document/ChatCompletion%20v2?key=66701d281d57f38758d581d0)

1. **Create Video From Text** - Generates video from descriptions.

* Uses: AI video clips.

* Models: Vidu Text2Video.

* 🔗 [Vidu AI](https://platform.vidu.com/)

1. **Create Audio From Text** - Converts text to speech.

* Uses: AI voiceovers, podcasts.

* Models: ElevenLabs TTS.

* 🔗 [ElevenLabs Voice Lab](https://elevenlabs.io/app/voice-lab)

***

## **📂 Using Files** 

The **Files** feature allows you to reference and integrate uploaded assets, such as text documents or code files, into your app. Only files within the current project folder are accessible.

### **📥 How to Use Files in Chat Mode** 

* Click **Reference Prompts or Files** and select the **Files** tab.

* Upload or select an existing file.

* Use the file as a reference within chat mode.

**Examples:**

* *"Add this **`logo.png`** to the upper-left corner of my app."*

* *"Make the style of this app the same as **`app2.html`** (tag the file)."*

### **🗂️ Supported File Types** 

* **Text & Documents:** PDFs, TXT, Markdown.

* **Images:** PNG, JPG, SVG.

* **Audio:** MP3.

* **Code Files:** JSON, HTML, CSS, JavaScript.

***