AI Assistant (Anton)
Anton is an AI-powered assistant integrated directly into the Developer Portal. It helps you build complete applications by generating both API schemas and frontend UI clients through natural language conversation.
Capabilities
Anton can help you with:
| Feature | Description |
|---|---|
| Schema Generation | Create collections, properties, and relationships from descriptions |
| UI Client Generation | Generate React, Vue, or other frontend applications |
| Code Editing | Modify and refine generated code through conversation |
| Live Preview | See your generated UI in real-time as you build |
Accessing Anton
- Navigate to any API in the Developer Portal
- Click AI Assistant in the left sidebar
- Anton loads with your API context already configured
The Interface
Anton uses a terminal-based interface:
- Terminal Panel — Conversational AI interface for commands and prompts
- Preview Panel — Live preview of generated UI (opens automatically when generating)
- Open in New Tab — Click the button in the header to continue in a full browser tab
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Ctrl+V / Cmd+V | Paste text |
Ctrl+C / Cmd+C | Copy selected text (or send interrupt if no selection) |
Shift+Insert | Alternative paste |
Generating API Schemas
Describe your data model in natural language:
Create a blog API with posts, comments, and authors.
Each post has one author and many comments.
Posts have title, content, publishedDate, and isPublished fields.
Anton will generate the complete schema with:
- Collections and properties
- Proper data types
- Relationships between collections
Generating UI Clients
Ask Anton to create frontend applications:
Create a React app with a dashboard showing all posts in a table.
Add forms to create and edit posts.
Include user authentication.
Anton generates:
- Complete frontend project structure
- Components connected to your API
- Authentication flows
- CRUD operations
Live Preview
When generating UI, the preview panel opens automatically showing your application:
- Preview updates in real-time as code is generated
- Click the preview button to toggle the panel
- Use the refresh button if needed
Iterative Development
Continue the conversation to refine your application:
Add a search bar to filter posts by title
Change the table to use pagination instead of infinite scroll
Add dark mode support
Make incremental changes for best results.
Deploying Generated Apps
Anton can help you deploy your generated applications:
Deploy this app
Follow the prompts to configure deployment settings.
Tips for Best Results
- Be specific — Describe exactly what you want, including styling preferences
- Iterate — Start simple and add features incrementally
- Provide context — Reference your existing collections and schema
- Ask for changes — If something isn't right, describe what you want different
Opening in a New Tab
For a larger workspace, click Open in new tab in the header bar. Your session continues in the new tab, giving you more screen space for complex projects.