How it Works

Docsio combines advanced web scraping, brand extraction algorithms, and large language models to automate the documentation process.

The Generation Engine

When you provide a URL, Docsio's engine performs several parallel tasks:

Web Scraping & Mapping

We crawl your website to identify key pages like features, pricing, about, and existing help articles. Our scraper is designed to handle modern SPAs and complex layouts, ensuring we capture all relevant product information.

Brand Extraction

Our proprietary algorithm analyzes your site's CSS and assets to extract:

• Primary & Secondary Colors: Used for links, buttons, and accents.
• Typography: Detecting your heading and body fonts.
• Assets: Automatically downloading your logo and favicon.

Content Structuring

Docsio uses the Diataxis framework to organize your content into four distinct categories:

1. Tutorials: Learning-oriented guides.
2. How-to Guides: Task-oriented instructions.
3. Explanation: Understanding-oriented concepts.
4. Reference: Information-oriented technical data.

The AI Agent Editor

The AI Agent isn't just a chatbot—it's a developer with full access to your project. When you give it an instruction, it:

1. Reads the relevant files (CSS, Markdown, Config).
2. Plans the necessary changes.
3. Executes the edits directly in the codebase.
4. Refreshes the live preview so you see the result instantly.

Publishing Infrastructure

Every Docsio site is built on a high-performance documentation framework and hosted on our global CDN. This ensures your docs are fast, SEO-friendly, and always available.