All Features

Everything SiteBuilder offers, from project setup to content deployment.

Project Management

Create Project

Set up new projects by connecting a GitHub repository. Configure the project name, repository URL, and access credentials.

List Projects

View all your projects in a dashboard with real-time workspace status indicators showing availability, active sessions, and review state.

Edit Project Settings

Update project configuration at any time: change the name, update credentials, switch runtime environments, or modify agent instructions.

Soft Delete Projects

Delete projects safely with soft deletion. Deleted projects move to a "Deleted Projects" section for potential recovery.

Restore Deleted Projects

Changed your mind? Restore soft-deleted projects back to active status with a single click.

Permanent Deletion

Permanently remove projects when you're certain. A confirmation dialog prevents accidental permanent deletion.

Project Status Overview

See at a glance which projects have active editing sessions, are awaiting review, or are available for new work.

Quick Links

Direct links from the project list to GitHub repository, workspace branch, and pull requests for fast navigation.

Content Editing

Chat-Based Editing

Describe changes in natural language: "Update the hero headline" or "Change the support email." The AI agent makes the edits for you.

Start New Conversation

Begin a new editing session for any available project. The workspace initializes automatically if needed.

Resume Conversation

Pick up where you left off. Active conversations can be resumed from the project list.

Real-Time Streaming

Watch the AI's response stream in real-time. See changes as they're being made, not just the final result.

Markdown Rendering

AI responses are rendered as formatted markdown with code highlighting, lists, and proper typography.

Message History

Scroll through the complete conversation history. Every instruction and response is preserved.

Auto-Scroll Toggle

Keep the newest messages in view automatically, or disable auto-scroll to read at your own pace.

Enter-to-Send Toggle

Submit instructions by pressing Enter, or toggle off to write multi-line messages.

Activity Indicators

See "Thinking" and "Working" badges showing AI activity. Track tool call counts during active sessions.

Technical Details View

Expand technical containers to see exactly which files were read, modified, or created.

Live Preview Pages

Auto-discovered list of built HTML pages updates every 3 seconds. Click to preview your changes instantly.

Shareable Preview URLs

The agent provides browser-accessible preview links that you can share with colleagues for review.

Finish Conversation

End your editing session when done. The workspace becomes available for others or for your next session.

Send to Review

Submit your changes for review with one click. A GitHub pull request is created automatically.

View Finished Conversations

Access read-only views of past conversations to see what changes were discussed and made.

Smart Commit Messages

The agent suggests descriptive commit messages that reflect actual changes, in the language you're chatting in.

Workspace Management

Automatic Workspace Setup

Workspaces initialize automatically when you start your first conversation. No manual setup required.

Setup Progress UI

Watch workspace initialization with a progress indicator. Status updates in real-time until setup completes.

Reset Workspace

Reset a workspace to start fresh. Ends active sessions and returns the workspace to available state.

Problem Recovery

If a workspace enters an error state, a dedicated problem page offers recovery options to reset and try again.

Workspace Status Badges

Color-coded badges show workspace state: available, in setup, in conversation, in review, merged, or problem.

Active User Display

See who's currently using a workspace. The active user's email is shown when a conversation is in progress.

Heartbeat Tracking

10-second heartbeats track active sessions. Stale conversations are automatically released after 5 minutes of inactivity.

Docker Isolation

Each workspace runs in an isolated Docker container with resource limits. No cross-workspace access is possible.

GitHub Integration

Connect GitHub Repository

Link any GitHub repository containing your website or landing pages. Supports both public and private repositories.

Personal Access Token

Use fine-grained or classic personal access tokens. UI guidance helps you create tokens with the right permissions.

Automatic Branch Creation

Each workspace gets its own Git branch. Changes are isolated until merged, keeping your main branch clean.

Automatic PR Creation

When you send changes for review, a GitHub pull request is created automatically with all your commits.

PR URL Display

Direct links to pull requests from the project list and reviewer dashboard. One click to see the diff on GitHub.

Branch URL Display

View the workspace branch on GitHub directly to see all committed changes before PR creation.

Repository Quick Links

Jump to the GitHub repository from anywhere in SiteBuilder to view the full codebase.

Git Commit History

Every change is tracked in Git with clear commit messages. Full history is preserved for auditing.

Review Workflow

Reviewer Dashboard

Dedicated dashboard for reviewers showing all workspaces awaiting review with project details and quick actions.

View Conversation History

See the original conversation that led to the changes. Understand context before reviewing the PR.

Mark as Merged

After merging on GitHub, mark the workspace as merged. This transitions it to merged status for tracking.

Reopen for Changes

Need revisions? Reopen a workspace for additional edits without losing the existing branch and PR.

Role-Based Access

Reviewer role provides access to the review dashboard and approval actions. Regular users can only submit for review.

Workspace Locking

Workspaces in review are locked. No additional edits can be made until a reviewer reopens them.

Cost Tracking & Transparency

Token Usage Display

Visual progress bar shows tokens used vs. maximum context window. See input and output tokens separately.

Real-Time Cost Estimation

See estimated costs as you chat. Input cost, output cost, and total are displayed to 4 decimal places.

Model Name Display

Always know which AI model is being used for your editing session.

Tool Call Counter

See how many tool calls the agent has made during the session. Helps understand complexity and cost.

Bring Your Own Key (BYOK)

Use your own LLM API keys. Pay directly to your provider with full visibility into your own usage dashboard.

Key Reuse Across Projects

Already configured a key? Select from previously used keys when setting up new projects.

API Key Verification

Keys are validated in real-time against the provider API. Know immediately if there's an issue.

Auto-Detect Provider

Paste your key and SiteBuilder automatically detects whether it's OpenAI or Anthropic.

Agent Configuration

Background Instructions

Set context for the agent: what kind of project is this? What's the brand voice? What conventions should it follow?

Step Instructions

Guide how the agent approaches tasks. Should it be conservative or creative? Ask questions or make assumptions?

Output Instructions

Control final output format. What should responses include? How should they be structured?

Project Type Templates

Sensible defaults based on project type. Landing pages get different defaults than documentation projects.

Runtime Environment Selection

Choose which Docker image to use: Node.js 18/20/22, Python 3.12, PHP 8.4, or specify a custom image.

Custom Docker Images

Need special tools? Specify any Docker image and SiteBuilder validates it exists before saving.

LLM Provider Selection

Choose your AI provider. Currently supports OpenAI and Anthropic with extensible provider architecture.

Collapsible Advanced Section

Agent configuration lives in a collapsible "Advanced" section. Quick setup stays simple; power users can customize.

Security & Isolation

Docker Container Isolation

All agent commands execute in ephemeral Docker containers. Containers are destroyed after each command.

Filesystem Sandboxing

Each workspace is mounted at /workspace inside the container. The agent can only see and modify its own files.

Path Traversal Protection

All file operations are validated. Attempts to access paths outside the workspace (using ../) are blocked.

Resource Limits

Containers run with defined memory (2GB) and CPU (2 cores) limits to prevent runaway processes.

No Cross-Workspace Access

Operations in one workspace cannot read or write files in another. Complete isolation between projects.

CSRF Protection

All forms include CSRF tokens. Requests without valid tokens are rejected.

Secure Token Storage

GitHub tokens and API keys are stored securely. Masked input fields prevent shoulder surfing.

Conversation Ownership

Users can only access their own active conversations. Role-based access controls protect sensitive operations.

UI & User Experience

Dark Mode Support

Full dark theme throughout the application. Toggle between light and dark mode with persistence.

Responsive Design

Mobile-friendly layouts that adapt to any screen size. Work from your phone, tablet, or desktop.

Loading States

Spinners and progress indicators during async operations. Never wonder if something is happening.

Flash Notifications

Success, error, and warning messages displayed as toast-style alerts. Clear feedback on every action.

Collapsible Sections

Advanced settings, deleted projects, and technical details live in collapsible sections. Clean UI by default.

Keyboard Navigation

Full keyboard support with proper focus management. Navigate efficiently without a mouse.

Empty States

Helpful messages when there's no data to show. Guidance on what to do next instead of blank screens.

Error Pages

Dedicated error pages with recovery options. Clear explanations of what went wrong and how to fix it.

Account Management

User Registration

Sign up with email and password. Get started with your own projects immediately.

Secure Authentication

Password-based authentication with secure session management.

Account Dashboard

View your account details including email address and member-since date.

Sign Out

Securely end your session from any page. Session is fully cleared on sign out.

Ready to Try SiteBuilder?

SiteBuilder is open source. Set up your own instance and start editing content with natural language today.