Skip to main content

1. Introduction to DivZone AI

Welcome to DivZone AI, your AI-powered workspace for creating static web experiences. This guide will help you understand what DivZone is, how it works, and why it's a powerful tool for quickly developing and iterating web projects.

1.1 What is DivZone AI?​

DivZone AI is an AI-assisted workspace that lets you generate, preview, and refine static web experiences (websites built with HTML, CSS, and JavaScript) through natural conversation with an AI assistant.

Imagine having a senior web developer by your side who can instantly turn your ideas into working code. You describe what you want, and DivZone generates the files for you.

What You CAN Create​

  • Landing pages and marketing sites
  • UI component prototypes
  • Data dashboards with JSON data
  • Documentation sites
  • Interactive demos and proofs of concept
  • Any static web experience you can imagine

What DivZone AI ISN'T​

  • It's not a full hosting platform — DivZone focuses on building, previewing, and exporting. The final code is deployed to your own hosting (Vercel, Netlify, static buckets, etc.).

  • It's not a backend runtime environment — The preview only runs static files. No Node.js, Java, or server-side code is executed within the preview.

  • It's not a React/Next.js build pipeline — While you can write React-like patterns, the platform generates static HTML/CSS/JS files. Heavyweight frameworks that require bundlers (React, Vue, Svelte applications, Next.js) are not supported.

1.2 Product Philosophy​

DivZone AI is based on three fundamental principles:

Rapid Iteration​

The entire workflow is designed for speed. You write a statement, the AI generates the code, and you see the result instantly in the real-time preview. No waiting for builds or complex configurations. This rapid feedback loop allows you to experiment freely and refine your ideas quickly.

tip

Don't try to get everything perfect in a single prompt. Start with a general idea, see what the AI produces, and then iterate with subsequent prompts. Each iteration builds upon the previous one.

Preview in an Isolated Environment​

Each build runs in a secure and isolated preview within your browser. This means:

  • You can experiment safely without affecting anything else.

  • The preview is in an isolated environment (without access to your local files).

  • External APIs operate subject to the browser's CORS policies.

  • You can see your changes in real time as the AI generates them.

tip

Use the live preview to test your project while it's being compiled. The preview updates automatically when files are modified.

Portable Exports​

Everything you create in DivZone is yours. You can:

  • Download individual files
  • Download the entire project as a ZIP file
  • Copy the code directly to the clipboard
  • Share a public link to the preview

The exported files are standard HTML, CSS, and JavaScript; no proprietary formats or vendor lock-in. You can open them in any code editor, upload them to any hosting platform, or share them with anyone you want.

tip

When you're happy with your project, download the ZIP file and deploy it to your preferred hosting provider (Netlify, Vercel, GitHub Pages, etc.) without any modifications.

The Process​

  1. Write a suggestion in the chat describing what you want to create.

  2. The suggestion is sent to the DivZone API, which routes it to the corresponding AI model.

  3. The AI generates code and sends it as files (HTML, CSS, JS, JSON).

  4. The code appears in the editor panel with a real-time preview.

  5. You can refine it by editing the code directly or requesting changes from the AI.

  6. When you're ready, export your project as individual files or a ZIP archive.

The Preview Runtime Environment​

The real-time preview runs only static resources. When you view your project in the preview:

  • HTML files render the structure.

  • CSS files style the content.

  • JavaScript files add interactivity.

  • JSON files provide data.

The preview runs in an iframe, which means it's isolated from the rest of the DivZone interface. This keeps you safe while you experiment.

tip

If your project uses external APIs, remember that browser CORS policies are enforced in the preview. Some APIs may not work in the isolated iframe, but they will work correctly when hosted on your own domain.

1.3 Key Points​

  • DivZone AI generates static web experiences (HTML/CSS/JS) from natural language prompts.

  • The platform prioritizes rapid iteration: prompt, preview, refine, repeat.

  • All exports are standard and portable files; Without vendor lock-in.

  • The preview is isolated and secure.

  • You can use multiple AI models depending on your needs.

Ready to get started?Start creating your first AI appor go to the next section:First steps