/* * @Description: 文件内容描述 * @Author: 肖明淳 * @Date: 2025-11-07 16:55:15 * @LastEditors: 肖明淳 */

Quick Start

Quick Start Guide

Welcome to CoreSpace, the AI website builder engineered to slash website creation, maintenance, and update costs. This guide helps you navigate the workspace, launch your first professional site without engineering resources, and streamline ongoing management for continuous growth.

Discover CoreSpace

CoreSpace groups the UI into two intuitive zones that keep your build process crystal clear.

Left Panel: AI Conversation Window

Use natural language to collaborate with CoreSpace AI:

  • Describe new ideas to generate landing pages, funnels, or feature modules;
  • Request revisions to layouts, copy, imagery, or UX elements;
  • Ask for strategy guidance on SEO optimization, CMS workflows, or growth campaigns.

This is the launchpad for every concept and the reason CoreSpace cuts learning curves and communication overhead.

Right Panel: Live Preview And Workspace

This is the interactive, real-time view of your project.

  • What You See Is What You Launch: preview exactly what visitors will experience;
  • Inline Visual Editing: click any element to fine-tune copy, design, or styling without writing code.

AI Chat

Harness the AI conversation window to build and refine your site with everyday language. Extra productivity tools at the bottom accelerate your flow.

Real-Time Preview And Workspace Management

To the right of the chat is the Live Preview pane, where you experience your site exactly as launched—perfect for rapid product validation.

Switch to Workspace mode to reveal the management console that keeps your whole project organized:

  • Team Collaboration: invite teammates, manage permissions, and co-create in real time;
  • Data Insights: access integrated analytics to steer SEO, conversion, and retention strategies;
  • Access Control: toggle between public and private visibility with a click;
  • Branded Domains: connect custom domains to strengthen brand credibility;
  • Security Controls: configure privacy, compliance, and performance safeguards.

Advanced development is available whenever you need deeper customization, enabling full-stack integrations across your ecosystem.

Productivity Icons And Tools

A curated toolbar atop the preview window gives you power features for operations and growth.

Activity Monitor

Track recent events, API calls, and automation health. Maintain uptime, diagnose issues fast, and prioritize optimizations with confidence.

Project Files

Inspect the complete file and component structure behind your project. Export a ZIP archive for backups, migrations, or collaboration handoffs to external teams.

Share And Collaborate

Invite stakeholders by email or shareable link. Multi-user editing removes bottlenecks and keeps marketing, product, and design aligned.

Mobile View

Toggle to mobile instantly to verify responsive layouts, navigation, and conversion paths on smaller screens.

Refresh Preview

Manual refresh lets you reconcile edits and confirm UX changes as they ship.

Fullscreen Preview

Expand to fullscreen to evaluate the final polish, spacing, and narrative flow across entire pages.

Build Your First Website: Step-By-Step

Follow these quick steps to launch a professional site in minutes—no technical background required.

Step 1: Start With A Clear Prompt

Explain your goal in plain language. Example:

“Create a product showcase website with company overview, service list, customer success stories, and a contact form.”

Explore our prompt library or consult the Design Prompt Playbook for inspiration. Clear instructions dramatically reduce communication loops and revision cycles.

Step 2: Let CoreSpace Build It

After you submit a prompt, CoreSpace assembles the front-end experience and the supporting CMS logic. Watch the live preview update instantly and see your concept materialize while saving weeks of design, development, and QA effort.

Step 3: Customize Without Code

Optimize your site through multiple pathways:

  • AI Conversation Window: iterate on layout, brand storytelling, SEO copy, and feature requests;
  • Visual Editor: click any element to adjust palettes, typography, media, and structured content blocks;
  • Strategy Mode: collaborate with AI as a strategic partner to model complex flows, validate behavior before publishing, and explore alternative growth experiments.

Step 4: Test Every Experience

Interact with the live preview like a real visitor. Validate buttons, forms, navigation, and automations to ensure an end-to-end conversion-ready journey.

Step 5: Launch Live

When you are ready to share:

  • Beta Preview: use the Share icon to generate a private review link for clients or stakeholders;
  • Go Public: hit One-Click Publish to launch instantly to a production-ready URL powered by managed hosting and global CDN.

CoreSpace handles hosting, deployment, and scaling automatically—no servers, no scripts, no DevOps.

AI Build Tokens

Every instruction that creates, edits, or troubleshoots content consumes AI Build Tokens, keeping operating costs predictable.

Examples include:

  • Adding feature modules such as product filters or gated content;
  • Redesigning page layouts, sections, or component styles;
  • Debugging submission workflows or analytics tracking;
  • Generating, localizing, or rephrasing on-page copy.

Monthly AI Build Tokens cap the number of AI-assisted iterations while preserving rapid delivery speed.

Ecosystem Integration Tokens

Actions that trigger external services use Ecosystem Integration Tokens, reflecting CoreSpace’s full-stack automation capabilities.

Examples include:

  • Calling large language models, such as embedding AI chatbots in customer funnels;
  • Uploading, processing, or analyzing files submitted through forms;
  • Generating or recognizing media assets, including AI product imagery;
  • Sending transactional emails, marketing drip campaigns, or SMS automations.

These tokens ensure seamless integrations across your Martech and data stack while keeping budgets under control.