GitHunt
FL

FlorianBruniaux/claude-cowork-guide-landing

Claude Cowork Guide - Landing Site

Landing site for the Claude Cowork Guide.

Live Site

Features

  • Bilingual (๐Ÿ‡ฌ๐Ÿ‡ง English / ๐Ÿ‡ซ๐Ÿ‡ท French) - Complete translations with language switcher
  • Global Search (Cmd+K / Ctrl+K) - Language-aware fuzzy search across prompts, workflows, FAQ, and guide sections
  • Getting Started Section - 3-step installation guide with direct links to Claude Desktop download
  • Styled Cross-Sell Box - Hero section box promoting Claude Code for developers with badges and CTA button
  • Prompt Library - 70 ready-to-use prompts across 4 categories
  • Workflow Gallery - 25 complete workflows organized by category (Admin, Commercial, Production, Communication, Organization)
  • Golden Rules - Security and best practices for non-technical users
  • Social Sharing - X (Twitter) and LinkedIn share buttons in hero and footer
  • Cross-linking - Integrated navigation to Claude Code Guide for developers
  • Mobile Responsive - Hamburger menu for tablet/mobile (< 768px)
  • Exploratory Badge - Clear messaging that Cowork and this guide are evolving rapidly

Structure

claude-cowork-guide-landing/
โ”œโ”€โ”€ index.html           # English landing page
โ”œโ”€โ”€ index.fr.html        # French landing page
โ”œโ”€โ”€ styles.css           # Shared styles (indigo accent)
โ”œโ”€โ”€ search.js            # Language-aware search engine (MiniSearch)
โ”œโ”€โ”€ search-data.js       # EN: FAQ + Golden Rules data
โ”œโ”€โ”€ search-data.fr.js    # FR: FAQ + Golden Rules data
โ”œโ”€โ”€ cowork-data.js       # EN: Guide sections index
โ”œโ”€โ”€ cowork-data.fr.js    # FR: Guide sections index
โ”œโ”€โ”€ prompts-data.js      # EN: Prompts library index
โ”œโ”€โ”€ prompts-data.fr.js   # FR: Prompts library index
โ”œโ”€โ”€ favicon.svg          # Indigo favicon
โ””โ”€โ”€ .github/workflows/   # GitHub Pages deployment

Data Synchronization

This site is secondary to the main guide. Stats must be synced manually.

Current Values (from main guide)

Metric Value Source
Version 1.1.0 VERSION file
Workflows 25 workflows/ directory (23 active + 2 deprecated)
Prompts 70 prompts/ directory
FAQ Questions 13 reference/faq.md

Files to Update on Sync

  1. index.html + index.fr.html - Version, prompt count, workflow count in meta tags and badges
  2. prompts-data.js + prompts-data.fr.js - Prompt definitions
  3. cowork-data.js + cowork-data.fr.js - Guide section index
  4. search-data.js + search-data.fr.js - FAQ and Golden Rules

Internationalization (i18n)

The landing page is fully bilingual with complete English and French versions.

Language Detection

  • search.js detects language from <html lang=""> attribute
  • Automatically loads appropriate data files (*.fr.js for French)
  • Each page has its own search index (112 entries per language)

Translation Coverage

Component English French
Landing page index.html index.fr.html
Guide index cowork-data.js (25) cowork-data.fr.js (25)
Prompts prompts-data.js (70) prompts-data.fr.js (70)
FAQ + Rules search-data.js (17) search-data.fr.js (17)
Total search entries 112 112

Language Switcher

  • Located in navigation bar (๐ŸŒ FR / ๐ŸŒ EN)
  • Styled with hover effects and WCAG touch targets (44px)
  • Hreflang tags for SEO optimization

Social Sharing

Both language versions include X (Twitter) and LinkedIn share buttons:

  • Hero section: Visual buttons with icons (๐•, in)
  • Footer section: Text links ("Share on X", "Share on LinkedIn")
  • Language-specific URLs and share text
  • GDPR-friendly (intent URLs, no third-party tracking)

Development

# Local server
python -m http.server 8080

# Or with Node
npx serve

Open http://localhost:8080

Search Architecture

  • Library: MiniSearch (CDN, lazy-loaded on first Cmd+K)
  • Index: ~130 items (70 prompts + 25 workflows + 13 FAQ + 25 guide sections)
  • Features: Fuzzy matching, prefix search, category filtering

Differences from Code Landing

Aspect Code Landing Cowork Landing
Accent color Blue (#58a6ff) Indigo (#6366f1)
Target audience Developers Knowledge workers
Main content Templates, Quiz Workflows, Prompts
Badge None "Exploratory Guide"
Platform Terminal (all OS) macOS only
Maturity Stable (v2.x) Early access, rapidly evolving

Recent Changes

See CHANGELOG.md for detailed version history.

Latest updates (v1.2.0 - January 2026):

  • ๐ŸŒ Full French translation - Complete bilingual support with index.fr.html
  • ๐Ÿ” Language-aware search - Automatic detection and French search index (112 entries)
  • ๐ŸŒ Language switcher - Navigation toggle between EN/FR with hreflang SEO tags
  • ๐Ÿ”— Social sharing - X (Twitter) and LinkedIn buttons in hero and footer
  • Rewrote "Why This Guide?" section for non-technical audience
  • Added exploratory guide messaging throughout
  • Updated metrics: 25 workflows, 70 prompts
  • Fixed UI spacing issues in navigation and workflow tabs

License

CC BY-SA 4.0 - Same as the main guide.

Languages

TypeScript40.3%Astro34.6%JavaScript14.2%CSS10.9%

Contributors

FL
Created January 20, 2026
Updated March 10, 2026
FlorianBruniaux/claude-cowork-guide-landing | GitHunt