Documentation

Auto-Front User Guide

AI-powered development platform that helps you build professional applications through natural language descriptions

AI-Powered Development

No coding experience required. Describe what you want in plain English, and AI generates the code

E-Commerce Ready

Built for e-commerce stores with specialized development support

Shopify themes available| WooCommerce & BigCommerce coming soon
Real-time Collaboration

Live task monitoring, code preview, and Git integration for a complete development experience

Creating Projects

Shopify Theme Development

What You'll Need

  • Access to a Shopify store
  • Store admin permissions
  • An existing theme to customize (or create a new one)

Project Setup

  1. Click "New Project" and select "Shopify Theme"
  2. Connect your Shopify account with store credentials
  3. Choose an existing theme or create a new development theme
  4. Name your project and click "Create"
  5. Your development environment will be automatically set up

What You Can Build

Custom product pages
Shopping cart enhancements
Homepage layouts
Mobile responsiveness

AI Assistant

How to Communicate with AI

✅ Effective Requests

"Create a responsive product card with image, title, price, and buy button using modern styling"
"Add a hero section to the homepage with a background image and call-to-action button"
"Make the navigation menu mobile-friendly with a hamburger menu"

❌ Unclear Requests

"Make it look better" - Too vague, no specific requirements
"Fix the website" - Doesn't specify what needs fixing
"Add features" - Doesn't specify which features
Task Status Tracking
PendingWaiting to start
RunningAI is working
CompletedTask finished
FailedEncountered error
StoppedManually stopped
CancelledCancelled
Example Requests by Category
"Change the color scheme to use blue (#007bff) as the primary color"
"Create a three-column layout for the product showcase section"
"Add a footer with social media icons and contact information"

Account Types

FreeFree Account

Project Limits

  • Maximum 2 projects
  • AI usage with rate limits for fair access
  • Standard support

AI Model & Usage

  • Cost-effective AI models optimized for efficiency
  • Reliable code generation for standard development tasks
  • Rate-limited requests to ensure fair usage for all users

Features Included

  • Shopify theme development
  • Regular web projects
  • AI code generation (rate limited)
  • Basic Git integration
  • Code preview
ProPro Account

Enhanced Limits

  • Unlimited projects
  • No rate limits on AI usage
  • Priority support

Advanced AI Models

  • Access to the most powerful AI models available
  • Superior code generation and problem-solving capabilities
  • Enhanced understanding of complex requirements
  • Latest AI technology for advanced development tasks

Additional Features

  • Priority task processing
  • Enhanced Git integration
  • Team collaboration tools
  • Custom deployment options
  • Analytics and insights

Best Practices

Project Management Tips

For Free Account Users

  • 💡Plan your projects carefully since you can only have 2 active projects
  • 💡Be mindful of AI usage limits - make your requests count by being specific
  • 💡Delete completed projects to free up space for new ones
  • 💡Use descriptive project names to easily identify them

General Tips

  • Start with simple requests and gradually add complexity
  • Be specific about colors, sizes, and layout preferences
  • Test your changes frequently to catch issues early
Writing Effective AI Requests

Structure Your Requests

  1. What: Clearly state what you want to create or modify
  2. Where: Specify the location or page section
  3. How: Describe the desired appearance or behavior
  4. Context: Provide any relevant design preferences or constraints

Example of Well-Structured Request

What: Create a testimonials section
Where: Below the hero section on the homepage
How: Show 3 customer reviews in cards with profile photos
Context: Use a light gray background and keep it simple and professional
Common Issues and Solutions

Hit AI Rate Limits?

  • • Wait for the rate limit to reset (usually a few minutes to hours)
  • • Make your next requests more specific to maximize effectiveness
  • • Consider upgrading to Pro ($**/month) for unlimited AI usage

Task Taking Too Long?

  • • Break complex requests into smaller, specific tasks
  • • Check if your request is clear and well-defined
  • • Monitor task status for any error messages

Results Not as Expected?

  • • Provide more specific details in your next request
  • • Include reference examples or inspiration
  • • Request specific modifications to improve the result

Need Help?

  • • Review the examples in this documentation
  • • Start with simpler requests to understand the system
  • • Contact support if you encounter persistent issues