Skip to content

Add welcome page for post-installation onboarding - #5

Open
wonderwhy-er wants to merge 3 commits into
mainfrom
welcome-page
Open

Add welcome page for post-installation onboarding#5
wonderwhy-er wants to merge 3 commits into
mainfrom
welcome-page

Conversation

@wonderwhy-er

@wonderwhy-er wonderwhy-er commented Dec 18, 2025

Copy link
Copy Markdown
Contributor

Summary

Adds a welcome/onboarding page shown to users after installing Desktop Commander MCP. Goal is to improve activation by guiding new users to try their first command.

Features

  • Celebration header - Animated checkmark with pulsing rings, confetti burst
  • 4-card layout:
    1. Try Your First Command (hero) - Copyable prompt with demo video
    2. Having Issues? - Accordion with troubleshooting steps and videos
    3. Prompt Library - Preview of available prompts with link to library
    4. Stay in the Loop - Newsletter signup via HubSpot
  • Bottom links - Discord and GitHub as card-style buttons

Files Added

  • astro-src/pages/welcome.astro - Original version
  • astro-src/pages/welcome-v1.astro through welcome-v6.astro - Layout iterations
  • public/videos/welcome-*.mp4 - Tutorial videos (cropped, optimized)
  • docs/welcome/index.html - Built output

Layout Iterations

  • v1 - Single-focus hero with prompt
  • v2 - Interactive checklist with progress dots
  • v3 - Celebration hero + single CTA
  • v4 - Two-path choice (try command vs browse library)
  • v5 - Guided single scroll journey
  • v6 - Final 4-card layout (recommended)

URLs

Dependencies

  • Requires legal#2 for privacy policy link

Next Steps

  • Implement MCP server integration to open browser on first start
  • Add PostHog analytics tracking
  • A/B test different versions
image image image

- Multiple layout variations (v1-v6) for A/B testing
- Final version (v6) features:
  - 4-card layout: Try first command, Having issues, Prompt Library, Stay updated
  - Animated checkmark with pulsing rings
  - Confetti celebration on load
  - Accordion troubleshooting with autoplay videos
  - HubSpot newsletter integration
  - Links to FAQ and community
- Tutorial videos for setup steps (cropped, optimized)
- Privacy policy link to legal.desktopcommander.app
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant