Guides

Guides

Learn how to use UXLab with step-by-step guides and tutorials.

Getting Started

Getting Started

Beginner

Set up UXLab and start capturing your first content in minutes

VIP Scoreboard Guide

Beginner

How to set up, play, judge, and manage the AI Champions Challenge scoreboard

Contributing Translations

Beginner

Learn how to contribute translations to UXLab and help make content accessible in multiple languages.

Content

Design Tokens

Beginner

Design tokens are foundational design decisions representing a design system’s visual language.

Adding Content

Beginner

Learn how to create and organize content in your digital garden

Syntax Highlighting

Beginner

Code block examples for all supported programming languages

Mermaid Diagrams

Beginner

Create flowcharts, sequence diagrams, and more using Mermaid syntax in your content.

Video & Social Embeds

Beginner

Embed YouTube videos and Twitter/X posts in your content using simple MDC components.

Authentication

Authentication Setup

Beginner

Configure Better Auth with passwordless sign-in, GitHub OAuth, and database options

Customization

Customization & Theming

Beginner

Configure themes, color modes, and visual appearance of your digital garden

Settings & Preferences

Beginner

Configure your UXLab experience with appearance settings and component preview

Form Patterns

Beginner

Standard form styling patterns for Nuxt UI 3 with Zod validation, icons, and consistent design

Deployment

External Content Repository Setup

Intermediate

Configure UXLab to source content from an external GitHub repository with multi-environment support, caching, and health checks

Deployment

Intermediate

Deploy your digital garden to Vercel, Netlify, or other platforms