> ## Documentation Index
> Fetch the complete documentation index at: https://docs.architect.new/llms.txt
> Use this file to discover all available pages before exploring further.
# How It Works
> Architect looks deceptively simple. Under the hood, it provides granular controls for execution strategy, data injection, and aesthetic design.
## Context Injection (RAG)
Your app shouldn't be empty. Ground your agents in your own proprietary data using the **Attach** feature.
* **Unstructured Data (PDF/Docx):** Automatically chunked and embedded into a Vector Database for semantic search.
* **Structured Data (CSV/Excel):** Loaded into a dataframe for the Data Analyst agent to query and visualize.
## Visual Personality
Architect doesn't just generate code; it designs it. The Theme Engine injects a specific design system (Tailwind Config + Fonts) into the generated code.
Serif-heavy, warm backgrounds. Best for editorial, legal, or premium SaaS.
High-contrast, developer-focused aesthetic. Best for dashboards.
## Prompt Library
Struggling to articulate your requirements? Architect provides a context-aware Prompt Library accessible from the homepage sidebar. These are pre-engineered prompts known to produce high-quality agentic workflows.
## Add Studio Agents
Already have agents built in Lyzr Studio? You don't need to rebuild them. Architect lets you import any existing Studio agent directly into your app, so you can compose new experiences on top of work you've already done.
From the `+` menu on the homepage, select **Add studio agents** to browse and pick from your existing agents. Architect wires the selected agent into the app it generates, so your custom prompts, tools, and knowledge bases carry over as-is.
