JS ClawHub

Curated OpenClaw Ecosystem Navigation

English | 中文文档

---

What is This?

A curated navigation site for the OpenClaw ecosystem, built and maintained by JS. Discover the best skills, integrations, tutorials, and community resources.

	Other Directories	JS ClawHub
Curation	Auto-generated or uncurated	✅ Handpicked by JS with editorial commentary
Content	Links only	✅ Tutorials, guides, reviews, and community pulse
i18n	Single language	✅ Chinese + English bilingual
Cost	Varies	✅ Free, open-source, static site

Features

• Project Navigation — Browse featured projects and categorized integrations across the OpenClaw ecosystem
• Skills Market — Discover and explore community-created skills with detailed documentation
• Blog — In-depth tutorials, architecture analyses, and deployment guides
• Getting Started Guide — Step-by-step documentation from installation to advanced configuration
• Pulse — AI-curated X/Twitter highlights from the OpenClaw community, updated daily
• Bilingual (i18n) — Full Chinese/English support with one-click language switching

Tech Stack

Technology	Purpose
Static Site	Zero server cost, deployed on GitHub Pages
Neo-Brutalism Design	Bold, modern UI with JS brand identity
Tailwind CSS	Utility-first responsive styling
Three.js	Animated 3D background
marked.js + highlight.js	Client-side Markdown rendering with syntax highlighting
Custom I18nManager	Lightweight client-side internationalization

Architecture

js-clawhub/
├── src/                          # Source code
│   ├── index.html                # Homepage
│   ├── shared/
│   │   ├── js/
│   │   │   ├── i18n/             # i18n system
│   │   │   │   ├── index.js      # I18nManager core
│   │   │   │   └── locales/      # zh-CN.js, en-US.js
│   │   │   ├── nav.js            # Navigation with language toggle
│   │   │   ├── footer.js         # Footer component
│   │   │   └── search.js         # Search filter
│   │   └── css/brutal.css        # Design system
│   ├── blog/                     # Blog system
│   ├── skills/                   # Skills market
│   ├── guide/                    # Getting started guide
│   └── pulse/                    # Community pulse
├── cli/                          # CLI tool
│   ├── cli.js                    # Entry point (clawhub <command>)
│   └── lib/                      # Modules
│       ├── builder.js            # Build logic
│       ├── git.js                # Git operations
│       ├── data-reader.js        # Data queries
│       ├── data-writer.js        # Data mutations
│       ├── search.js             # Cross-source search
│       ├── formatters.js         # Output formatting
│       └── setup.js              # Cloudflare / GitHub Pages setup
├── build/build.js                # Build script (wraps cli/lib/builder.js)
├── docs/                         # Build output (GitHub Pages)
└── scripts/                      # Utility scripts

Quick Start

# Clone
git clone https://github.com/imjszhang/js-clawhub.git
cd js-clawhub

# Development (serves src/ directly)
npm run dev

# Build (copies src/ → docs/ with validation)
npm run build

# Preview build output
npm run preview

Scripts

Command	Description
npm run dev	Start dev server (serves src/)
npm run build	Build to docs/ with i18n validation
npm run preview	Preview build output on port 3000
npm run setup	Configure Cloudflare + GitHub Pages
npm run cli -- <cmd>	Run CLI commands (see below)

CLI

The CLI provides programmatic access to all ClawHub data and operations. All output is JSON to stdout, logs to stderr.

node cli/cli.js <command> [options]

Build & Deploy

Command	Description
clawhub build	Build site: src/ → docs/, inject GA, validate i18n
clawhub build --dry-run	Validate only, don't write files
clawhub build --skip-ga	Skip Google Analytics injection
clawhub commit	Stage all changes and commit with auto-generated message
clawhub commit --message "msg"	Commit with a custom message
clawhub commit --scope pulse	Only stage src/pulse/ and docs/pulse/
clawhub sync	Build + commit + push in one step
clawhub sync --no-push	Build + commit without pushing
clawhub sync --dry-run	Preview the full pipeline without changes

Data Access

Command	Description
clawhub search <keyword>	Search across all data sources
clawhub pulse --days 7	List recent Pulse items
clawhub pulse-edit <id> --score 0.9	Edit a Pulse item
clawhub projects --category messaging	List projects by category
clawhub skills	List all skills
clawhub blog --latest 5	List recent blog posts
clawhub stats	Show aggregate statistics

Run clawhub help for the full command reference.

i18n (Internationalization)

JS ClawHub supports Chinese (default) and English. The i18n system includes:

• UI translations — All static text via data-i18n attributes and locale files
• Bilingual JSON data — Content fields use {"zh-CN": "...", "en-US": "..."} objects
• Dual Markdown files — article.md (Chinese) + article.en-US.md (English)
• Language toggle — One-click switch in the navigation bar
• Locale persistence — User preference saved in localStorage

Deployment

The site is deployed on GitHub Pages from the docs/ directory.

# One-step build + commit + push
node cli/cli.js sync

# Or manually
node cli/cli.js build
node cli/cli.js commit --message "build: update site"
git push

GitHub Pages will automatically serve the updated content.

Contributing

PRs welcome! Fork → Change → Submit.

To add a new project to the directory, create an issue or submit a PR with the project details.

License

MIT

Acknowledgments

• OpenClaw — The open-source personal AI assistant
• DeepSeek Cowork — Architecture reference for i18n and deployment
• Tailwind CSS — Utility-first CSS framework
• Three.js — 3D graphics library

---

Curated by JS — Making OpenClaw ecosystem discoverable