Introduction

BYOB (Build Your Own Blocks) is more than just a chatbot that writes HTML. It is a comprehensive development environment designed to replace the entire stack of tools usually required to ship a web application.

This guide serves as your manual to the machine. We will explore every corner of the platform, ensuring you get maximum leverage from the tools at your disposal.

flowchart TB subgraph PLATFORM["💎 The BYOB Platform"] direction TB CORE["🧠 AI Core\n(Generation)"] --> EDIT["✏️ Editor\n(Refinement)"] EDIT --> PREVIEW["👁️ Preview\n(Testing)"] PREVIEW --> DEPLOY["🚀 Cloud\n(Hosting)"] end

1. The Generation Engine

At the heart of BYOB is our proprietary AI engine. It doesn't just "guess" code; it understands architectural intent. Context Awareness: The AI remembers your previous prompts. If you say "Make the button blue," it knows which* button you are talking about. * Style Consistency: It automatically detects the design tokens (colors, fonts, spacing) used in your project and adheres to them for new components.

2. The Visual Editor

While AI is great for broad strokes, sometimes you want pixel-perfect control. Our Split-View Editor gives you the power of a pro IDE without the setup. * Live Preview: Changes render instantly. No reload required. * Code Access: You have full read/write access to the file system. If you know Svelte, you can manually tweak the code the AI generates.

3. One-Click Deployment

We have abstracted away the DevOps layer entirely. * Global CDN: Your site is replicated across 200+ edge locations. * Auto-SSL: Every deployed site gets a free HTTPS certificate. * Custom Domains: Map your own .com domain in seconds from the settings panel.

4. Asset Management

Handling images has always been a pain in web dev. BYOB solves this with: * AI Image Generation: Need a hero image? Just ask for it. * Auto-Optimization: We automatically convert uploaded images to WebP format for faster load times.

flowchart LR subgraph ASSETS["🖼️ Asset Pipeline"] direction LR UPLOAD["Upload / Generate"] --> OPTIMIZE["Compress & Convert"] OPTIMIZE --> CACHE["Edge Cache"] CACHE --> USER["Fast Delivery"] end

5. SEO & Analytics

Building is only half the battle. We provide the tools to get found. * Meta Tag Generation: The AI writes your title and description tags based on page content. * Sitemap XML: Automatically generated and updated. * Analytics Dashboard: A privacy-first view of your traffic, showing visitors, top pages, and geographic data without tracking cookies.

Conclusion

BYOB is designed to be the "Operating System" for your web presence. Whether you use 10% of its power or 100%, it scales with your ambition. Dive in and start exploring.

Explore the platform

The Complete Guide to BYOB Features