diff --git a/docs/assets/markdown.css b/docs/assets/markdown.css index c6acd9785..6ad456334 100644 --- a/docs/assets/markdown.css +++ b/docs/assets/markdown.css @@ -84,6 +84,52 @@ box-shadow: 0 12px 0 -8px rgba(0, 0, 0, 0.18); } +.showcase-link { + position: relative; + display: inline-flex; + align-items: center; + gap: 6px; +} + +.showcase-preview { + position: absolute; + left: 50%; + top: 100%; + width: min(420px, 80vw); + padding: 8px; + border-radius: 14px; + background: color-mix(in oklab, var(--panel) 92%, transparent); + border: 1px solid color-mix(in oklab, var(--frame-border) 30%, transparent); + box-shadow: 0 18px 40px -18px rgba(0, 0, 0, 0.55); + transform: translate(-50%, 10px) scale(0.98); + opacity: 0; + visibility: hidden; + pointer-events: none; + z-index: 20; + transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease; +} + +.showcase-preview img { + width: 100%; + height: auto; + border-radius: 10px; + border: 1px solid color-mix(in oklab, var(--frame-border) 25%, transparent); + box-shadow: none; +} + +.showcase-link:hover .showcase-preview, +.showcase-link:focus-within .showcase-preview { + opacity: 1; + visibility: visible; + transform: translate(-50%, 6px) scale(1); +} + +@media (hover: none) { + .showcase-preview { + display: none; + } +} + .markdown code { font-family: var(--font-body); font-size: 0.95em; diff --git a/docs/assets/showcase/gohome-grafana.png b/docs/assets/showcase/gohome-grafana.png new file mode 100644 index 000000000..bd7cf0774 Binary files /dev/null and b/docs/assets/showcase/gohome-grafana.png differ diff --git a/docs/assets/showcase/padel-cli.svg b/docs/assets/showcase/padel-cli.svg new file mode 100644 index 000000000..61eb6334d --- /dev/null +++ b/docs/assets/showcase/padel-cli.svg @@ -0,0 +1,11 @@ + + + + + $ padel search --location "Barcelona" --date 2026-01-08 --time 18:00-22:00 + Available courts (3): + - Vall d'Hebron 19:00 Court 2 (90m) EUR 34 + - Badalona 20:30 Court 1 (60m) EUR 28 + - Gracia 21:00 Court 4 (90m) EUR 36 + + diff --git a/docs/assets/showcase/roborock-status.svg b/docs/assets/showcase/roborock-status.svg new file mode 100644 index 000000000..470840423 --- /dev/null +++ b/docs/assets/showcase/roborock-status.svg @@ -0,0 +1,13 @@ + + + + + $ gohome roborock status --device "Living Room" + Device: Roborock Q Revo + State: cleaning (zone) + Battery: 78% + Dustbin: 42% + Water tank: 61% + Last clean: 2026-01-06 19:42 + + diff --git a/docs/assets/showcase/xuezh-pronunciation.jpeg b/docs/assets/showcase/xuezh-pronunciation.jpeg new file mode 100644 index 000000000..7f7d86a8f Binary files /dev/null and b/docs/assets/showcase/xuezh-pronunciation.jpeg differ diff --git a/docs/start/showcase.md b/docs/start/showcase.md index 1e64dc7aa..edbc6974c 100644 --- a/docs/start/showcase.md +++ b/docs/start/showcase.md @@ -7,6 +7,12 @@ read_when: Real projects from the community. Highlights from #showcase (Jan 2–5, 2026). +## Clawdhub projects (formerly Clawdis) +- **xuezh** — Chinese learning engine + Clawdbot skill for pronunciation feedback and study flows. github.com/joshp123/xuezhxuezh pronunciation feedback in Clawdbot +- **gohome** — Nix-native home automation with Clawdbot as the interface, plus Grafana dashboards. github.com/joshp123/gohomeGoHome Grafana dashboard +- **Roborock skill for GoHome** — Vacuum control plugin with gRPC actions + metrics. github.com/joshp123/gohome/tree/main/plugins/roborockGoHome Roborock status output +- **padel-cli** — Playtomic availability + booking CLI with a Clawdbot plugin output. github.com/joshp123/padel-clipadel-cli availability output + ## Automation & real-world outcomes - **Grocery autopilot (Picnic)** — Skill built around an unofficial Picnic API client. Pulls order history, infers preferred brands, maps recipes to cart, completes order in minutes. https://github.com/timkrase/clawdis-picnic-skill - **Grocery autopilot (Picnic, alt)** — Another Picnic-based skill built via the `picnic-api` package. https://github.com/MRVDH/picnic-api diff --git a/showcase.md b/showcase.md index 91ec938ce..f2aceb055 100644 --- a/showcase.md +++ b/showcase.md @@ -2,6 +2,12 @@ Highlights from #showcase (Jan 2–5, 2026). Curated for “wow” factor + concrete links. +## Clawdhub projects (formerly Clawdis) +- **xuezh** — Chinese learning engine + Clawdbot skill for pronunciation feedback and study flows. github.com/joshp123/xuezhxuezh pronunciation feedback in Clawdbot +- **gohome** — Nix-native home automation with Clawdbot as the interface, plus Grafana dashboards. github.com/joshp123/gohomeGoHome Grafana dashboard +- **Roborock skill for GoHome** — Vacuum control plugin with gRPC actions + metrics. github.com/joshp123/gohome/tree/main/plugins/roborockGoHome Roborock status output +- **padel-cli** — Playtomic availability + booking CLI with a Clawdbot plugin output. github.com/joshp123/padel-clipadel-cli availability output + ## Automation & real-world outcomes - **Grocery autopilot (Picnic)** — Skill built around an unofficial Picnic API client. Pulls order history, infers preferred brands, maps recipes to cart, completes order in minutes. https://github.com/timkrase/clawdis-picnic-skill - **Grocery autopilot (Picnic, alt)** — Another Picnic-based skill built via the `picnic-api` package. https://github.com/MRVDH/picnic-api