feat: docs site landing page by TimBeyer · Pull Request #27 · TimBeyer/clawctl

TimBeyer · 2026-03-16T22:43:13Z

Summary

Landing page for the clawctl docs site targeting developers and agentic tech adopters
Hero with prominent install command and copy-to-clipboard
Fleet demo showing clawctl list with multiple instances
Three feature pillars: VM isolation, fleet management, config-as-code
Headless provisioning section with syntax-highlighted JSON config
Day-to-day management demo with real CLI commands
Dark terminal-inspired aesthetic: Bricolage Grotesque + DM Sans + JetBrains Mono, amber accents on near-black, film grain texture, sticky blurred nav, scroll-triggered fade-in animations

Test plan

Run npm run dev in docs-site/ and verify all sections render
Check copy-to-clipboard works on install terminals
Verify responsive layout on mobile viewports
Confirm all CLI commands shown match actual clawctl commands

🤖 Generated with Claude Code

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Standalone Vite project in docs-site/ with React 18, TypeScript, and Tailwind v4. Includes GitHub Actions workflow for Pages deployment. Not added to Bun workspaces — deploys independently. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Dark, terminal-inspired landing page targeting developers and agentic tech adopters. Highlights VM isolation, fleet management, and config-as-code provisioning with real CLI commands throughout. Sections: hero with install command, fleet demo (clawctl list), three feature pillars, headless config example, day-to-day management commands, and final CTA. Includes copy-to-clipboard on install blocks. Typography: Bricolage Grotesque (display), DM Sans (body), JetBrains Mono (code). Amber accent on near-black backgrounds with scroll-triggered fade-in animations. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Copilot

Pull request overview

Adds a new docs-site/ Vite+React+TS+Tailwind project for a GitHub Pages landing page for the clawctl docs, plus helper scripts and a Pages deploy workflow.

Changes:

Introduces docs-site/ Vite app with the landing page UI, styling, and small UI primitives (fade-in, terminal, copy button, JSON highlighting).
Adds root-level npm scripts to run/build/preview the docs site from the repo root.
Adds a GitHub Actions workflow to build and deploy docs-site/dist to GitHub Pages on pushes to main.

Reviewed changes

Copilot reviewed 16 out of 20 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
tasks/2026-03-16_2246_docs-site-skeleton/TASK.md	Task record for docs-site scaffold and deployment notes
package.json	Adds `docs:*` scripts for running the docs site
docs-site/vite.config.ts	Vite config (base path + plugins)
docs-site/tsconfig*.json	TypeScript project references and compiler options
docs-site/tsconfig*.tsbuildinfo	TS incremental build artifacts (committed)
docs-site/src/App.tsx	Landing page implementation (UI, demos, animations)
docs-site/src/index.css	Tailwind v4 theme tokens + custom CSS for the aesthetic
docs-site/index.html	App HTML shell + font loading
docs-site/package.json / bun.lock	Docs-site dependencies + lockfile
.github/workflows/pages.yml	Builds and deploys docs-site to GitHub Pages

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

You can also share your feedback on Copilot code review. Take the survey.

docs-site/tsconfig.node.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./vite.config.ts"],"version":"5.7.3"}


docs-site/src/App.tsx

+  const handleCopy = () => {
+    navigator.clipboard.writeText(text).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2000);
+    });


docs-site/src/App.tsx

+    <button
+      onClick={handleCopy}
+      className="p-1 rounded-md text-slate-500 hover:text-slate-300 hover:bg-white/5 transition-all cursor-pointer"
+      title="Copy to clipboard"


docs-site/src/App.tsx

+}
+
+function highlightJsonLine(line: string): ReactNode {
+  const parts: ReactNode[] = [];
+  let remaining = line;
+  let key = 0;
+
+  // Match leading whitespace
+  const leadingMatch = remaining.match(/^(\s*)/);
+  const indent = leadingMatch ? leadingMatch[1] : "";
+  if (indent) {
+    parts.push(indent);
+    remaining = remaining.slice(indent.length);
+  }
+
+  // Tokenize the rest
+  while (remaining.length > 0) {
+    // Key-value pair: "key": value
+    const kvMatch = remaining.match(/^("(?:[^"\\]|\\.)*")\s*:\s*(.*)/);
+    if (kvMatch) {
+      parts.push(


.github/workflows/pages.yml

+on:
+  push:
+    branches: [main]
+    paths: [docs-site/**]


tasks/2026-03-16_2246_docs-site-skeleton/TASK.md

+- Using Tailwind v4 with `@tailwindcss/vite` plugin (CSS-first config)
+- `base` in vite.config.ts set to `/create-openclaw-vm/` for GitHub Pages
+- Not added to root Bun workspaces — independent project


docs-site/tsconfig.app.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts"],"version":"5.7.3"}


- Sticky nav with backdrop blur - Film grain noise overlay for depth - Stronger hero ambient glow - Gradient dividers between sections for visual rhythm - Compact management demo with grid-aligned inline comments - Stronger feature card hover glow - Remove unused CSS keyframes Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

- Fix unnecessary regex escape in JSON highlighter - Ignore docs-site/dist from eslint via glob pattern - Apply prettier formatting Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

- Remove committed tsbuildinfo files and add *.tsbuildinfo to .gitignore - Add error handling to clipboard copy (silent fail on rejection) - Add aria-label to copy button for accessibility - Fix invalid HTML: use <span> instead of <div> inside <pre> - Add workflow file to pages.yml paths filter - Fix stale /create-openclaw-vm/ references in TASK.md Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

TimBeyer and others added 3 commits March 16, 2026 22:53

chore: add task for docs site skeleton

b7c2b1f

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

TimBeyer requested a review from Copilot March 16, 2026 22:43

Copilot started reviewing on behalf of TimBeyer March 16, 2026 22:43 View session

Copilot AI reviewed Mar 16, 2026

View reviewed changes

TimBeyer and others added 3 commits March 16, 2026 23:51

fix: resolve lint and formatting issues in docs site

74ff947

- Fix unnecessary regex escape in JSON highlighter - Ignore docs-site/dist from eslint via glob pattern - Apply prettier formatting Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

TimBeyer force-pushed the feat/docs-site-landing-page branch from fc5976d to 80fd26d Compare March 16, 2026 22:52

TimBeyer merged commit 1de3e7c into main Mar 16, 2026
4 checks passed

TimBeyer deleted the feat/docs-site-landing-page branch March 16, 2026 22:52

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: docs site landing page#27

feat: docs site landing page#27
TimBeyer merged 6 commits intomainfrom
feat/docs-site-landing-page

TimBeyer commented Mar 16, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

		@@ -0,0 +1 @@
		{"root":["./vite.config.ts"],"version":"5.7.3"} No newline at end of file

		@@ -0,0 +1 @@
		{"root":["./src/app.tsx","./src/main.tsx","./src/vite-env.d.ts"],"version":"5.7.3"} No newline at end of file

Conversation

TimBeyer commented Mar 16, 2026

Summary

Test plan

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants