> ## Documentation Index
> Fetch the complete documentation index at: https://docs.profy.cn/llms.txt
> Use this file to discover all available pages before exploring further.

# Sites

> Build and publish static websites through conversation

Profy's Sites capability lets you build websites from scratch through conversation — describe the website you want, Expert handles the design, coding, and deployment, and you just confirm the result in the preview and publish to the web with one click.

## Workflow

<Steps>
  <Step title="Enable the Sites Plugin">
    Check the **Sites** plugin in the chat plugin settings. Once enabled, Expert gains the full ability to build and publish websites.
  </Step>

  <Step title="Describe Your Website">
    Tell Expert what kind of website you want using natural language. You can start with a single sentence or provide a detailed page plan.
  </Step>

  <Step title="Confirm the Design Direction">
    Expert will present a design direction card — including the color scheme, layout style, visual references, and more. Expert only starts coding after you confirm.
  </Step>

  <Step title="Live Preview">
    While Expert writes the code, the Website panel opens automatically on the right side, allowing you to see the website in real time. Every code change is immediately reflected in the preview.
  </Step>

  <Step title="Iterate and Refine">
    If anything in the preview doesn't look right, tell Expert what to change directly in the conversation. Expert will automatically capture preview screenshots for visual QA to ensure consistent results across desktop and mobile.
  </Step>

  <Step title="Confirm Publication">
    Once you're satisfied, Expert will initiate a publish request. You'll see a deployment confirmation dialog — **the website is only actually published after you confirm in the dialog**. Expert cannot publish automatically.
  </Step>

  <Step title="Get the Public Link">
    After successful publication, you'll receive the website's public URL. Your website is now live and accessible to anyone via this link.
  </Step>
</Steps>

## Key Features

<CardGroup cols={2}>
  <Card title="Live Preview" icon="eye">
    The Website panel supports HMR hot reloading — code changes are reflected instantly, giving you a true WYSIWYG experience.
  </Card>

  <Card title="User-Confirmed Publishing" icon="shield-check">
    Expert can only "request" publication. The actual publish action is triggered by your confirmation in the dialog, ensuring you have full control over what goes live.
  </Card>

  <Card title="Design Collaboration" icon="palette">
    Expert presents design directions for you to choose from before writing code. You can also upload reference images to convey your design intent.
  </Card>

  <Card title="Visual QA" icon="mobile-screen">
    Expert automatically captures desktop and mobile preview screenshots to proactively identify layout issues.
  </Card>
</CardGroup>

## What You Can Build

<AccordionGroup>
  <Accordion title="Personal Pages and Portfolios">
    Create a personal brand page — introduce yourself, showcase projects, include contact information — and go live in minutes.
  </Accordion>

  <Accordion title="Product Landing Pages">
    Build a promotional page for a product or service — hero section, feature highlights, testimonials, CTA buttons — all in one conversation.
  </Accordion>

  <Accordion title="Event Pages and Invitations">
    Need an info page for a one-time event? Tell Expert the event details and quickly generate and publish one.
  </Accordion>

  <Accordion title="Interactive H5 Pages and Mini Games">
    Expert can also build pages with interactive logic — quizzes, interactive stories, and simple H5 mini games.
  </Accordion>

  <Accordion title="Documentation and Knowledge Sites">
    Organize your knowledge into a structured website with navigation, search, and a table of contents.
  </Accordion>
</AccordionGroup>

## Tips

<Tip>
  * **Chat before building**: Spend a round or two discussing your requirements and preferences with Expert — this yields better results than jumping straight into building
  * **Iterate incrementally**: Have Expert set up the overall framework first, confirm it, then refine page by page
  * **Provide references**: Upload screenshots of websites you like or design mockups so Expert can better understand your style preferences
  * **Mind the mobile view**: Switch between desktop and mobile views in the preview panel to ensure both display correctly
</Tip>

<Warning>
  Published websites are publicly accessible. Make sure the content does not contain sensitive information, and review all pages carefully before publishing.
</Warning>

## Technical Details

* Websites are built on the TanStack Start framework with support for modern web features
* The preview panel uses a development server with HMR hot reloading
* Published websites are deployed on a CDN for globally accelerated access
* Each website receives its own unique public URL

## Billing

Credit consumption for Sites primarily comes from model calls in the conversation (Expert writing code and processing requests) and any image generation involved. Website hosting and access incur no additional charges.