Overview
AI agents use various tools to enhance their capabilities. Understanding these tools helps you get better results from your prompts.Tool Categories
External Tools
Connect to external services for content:| Tool | Description |
|---|---|
| Pexels | Stock photos from Pexels library |
| Unsplash | Stock photos from Unsplash |
| Iconify | Thousands of icons |
| YouTube | Embed YouTube videos |
| Embeds | Embed external content |
| Website URL | Reference website for inspiration |
Variable Tools
Settings that affect generation:| Tool | Description |
|---|---|
| Business Info | Your business name, description, contact |
| Theme | Colors, fonts, spacing from your theme |
| Language | Content language (English, Spanish, etc.) |
| Mode | Light or dark mode preference |
| Color Palette | Specific color scheme |
Context Tools
Automatically populated from your content:| Tool | Description |
|---|---|
| Existing HTML | Current element/block content |
| Existing Classes | Current Tailwind CSS classes |
| Page List | Your website’s pages |
| Product List | Your products (for e-commerce) |
How Tools Work
- Automatic: Some tools are automatically included based on context
- Manual: Some tools can be manually configured before generation
- Agent-Specific: Each agent has access to specific tools
Tool Availability by Agent
| Agent | Pexels | Iconify | Business | Theme | Language |
|---|---|---|---|---|---|
| Page Builder | ✓ | ✓ | ✓ | ✓ | ✓ |
| Block Creator | ✓ | ✓ | ✓ | ✓ | ✓ |
| Block Editor | ✓ | ✓ | ✓ | ✓ | - |
| Element Editor | ✓ | - | - | - | - |
| Tailwind Class | - | - | - | - | - |
Tips
- Business Info is pulled from your workspace settings
- Theme settings come from your website’s theme panel
- Update your business info for better personalized content
- Use Website URL tool to reference competitor designs