From 52c45f1ea878686839631081142df22ad7d37148 Mon Sep 17 00:00:00 2001 From: Peter Steinberger Date: Mon, 19 Jan 2026 03:18:48 +0000 Subject: [PATCH] feat(showcase): improve layout and add ClawdHub button - Remove auto-sort by likes to preserve JSON order (uniform row heights) - Reorder showcase with dreetje, danpeguine, davis7 as first row - Add "Browse Skills" button linking to ClawdHub.com - Update CLAUDE.md with data management notes --- CLAUDE.md | 1 + src/data/showcase.json | 48 ++++++++++++++++++++-------------------- src/pages/showcase.astro | 16 ++++++++++++-- 3 files changed, 39 insertions(+), 26 deletions(-) diff --git a/CLAUDE.md b/CLAUDE.md index ebd7b03..85337c6 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -8,6 +8,7 @@ - This ensures consistent row heights in the 3-column CSS grid - Categories: SHORT (<200 chars), MED (200-400), LONG (>400) - Fields: `id`, `author`, `quote`, `category`, `likes`, `images?` (array of URLs) +- **Important**: `showcase.astro` uses JSON order directly (no re-sorting) — maintain order in JSON ### Testimonials (`src/data/testimonials.json`) - Short praise quotes for the shoutouts page diff --git a/src/data/showcase.json b/src/data/showcase.json index 061b081..e6de060 100644 --- a/src/data/showcase.json +++ b/src/data/showcase.json @@ -1,4 +1,28 @@ [ + { + "id": "2012535486401671588", + "author": "dreetje", + "quote": "What I'm currently doing with @clawdbot:\n• Check my incoming mail, and remove spam\n• Check my incoming messages (through Beeper)\n• Order things for me\n• Send my reminders to Tana\n• Create issues on GitHub\n• Sync my Google Places\n• Reads my X bookmarks and discusses them with me\n• Generate a nice pdf summary of car conversations\n• Keep track of costs and split them after trips\n• Impersonate me in a group chat with friends (Hilarious)\n• It can call me and we can chat\n• Has its own 1Password vault it can read and write to\n\nAnd the beauty is, IT built all of this, just by chatting to it on the phone.", + "category": "automation", + "likes": 271 + }, + { + "id": "2012565160586625345", + "author": "danpeguine", + "quote": "Things my @clawdbot does for me:\n• Timeblocks tasks in my calendar based on importance\n• Scores tasks importance and urgency based on an algorithm we're developing together\n• Leads me through a weekly review based on meeting transcriptions & notes\n• Gives a morning daily brief: weather, weekly objectives, health stats, meetings agenda, key reminders, trending topics, stuff I should read based on current objectives, a relevant quote from my books\n• Notifies my wife and I about our son's upcoming school tests\n• Researches big projects and breaks them down to tasks\n• Researches people before meetings and creates briefing docs\n• Spawns background sub-agents to research business ideas\n• Manages the calendar for any conflicts autonomously\n• Creates invoices and summarizes work beautifully", + "category": "productivity", + "likes": 257 + }, + { + "id": "2009487467817336895", + "author": "davis7", + "quote": "This is the \"blue text bubbles\" moment of the ai race\n\nAll the cool shit u've been seeing about building crazy custom agents on top of a coding agent?\n\nclawdbot, btca, and the thousands more that will get built this year now HAVE to be built using anthropic's \"agent sdk\" package or else they'll be 100x more expensive\n\nand if they're built on anthropic's sdk guess what they can't do? switch to a better model from another provider when it releases", + "category": "developer", + "likes": 229, + "images": [ + "https://pbs.twimg.com/media/G-MgZdaboAA22M5.jpg" + ] + }, { "id": "2012173452061360130", "author": "iannuttall", @@ -51,30 +75,6 @@ "category": "productivity", "likes": 92 }, - { - "id": "2012535486401671588", - "author": "dreetje", - "quote": "What I'm currently doing with @clawdbot:\n• Check my incoming mail, and remove spam\n• Check my incoming messages (through Beeper)\n• Order things for me\n• Send my reminders to Tana\n• Create issues on GitHub\n• Sync my Google Places\n• Reads my X bookmarks and discusses them with me\n• Generate a nice pdf summary of car conversations\n• Keep track of costs and split them after trips\n• Impersonate me in a group chat with friends (Hilarious)\n• It can call me and we can chat\n• Has its own 1Password vault it can read and write to\n\nAnd the beauty is, IT built all of this, just by chatting to it on the phone.", - "category": "automation", - "likes": 271 - }, - { - "id": "2012565160586625345", - "author": "danpeguine", - "quote": "Things my @clawdbot does for me:\n• Timeblocks tasks in my calendar based on importance\n• Scores tasks importance and urgency based on an algorithm we're developing together\n• Leads me through a weekly review based on meeting transcriptions & notes\n• Gives a morning daily brief: weather, weekly objectives, health stats, meetings agenda, key reminders, trending topics, stuff I should read based on current objectives, a relevant quote from my books\n• Notifies my wife and I about our son's upcoming school tests\n• Researches big projects and breaks them down to tasks\n• Researches people before meetings and creates briefing docs\n• Spawns background sub-agents to research business ideas\n• Manages the calendar for any conflicts autonomously\n• Creates invoices and summarizes work beautifully", - "category": "productivity", - "likes": 257 - }, - { - "id": "2009487467817336895", - "author": "davis7", - "quote": "This is the \"blue text bubbles\" moment of the ai race\n\nAll the cool shit u've been seeing about building crazy custom agents on top of a coding agent?\n\nclawdbot, btca, and the thousands more that will get built this year now HAVE to be built using anthropic's \"agent sdk\" package or else they'll be 100x more expensive\n\nand if they're built on anthropic's sdk guess what they can't do? switch to a better model from another provider when it releases", - "category": "developer", - "likes": 229, - "images": [ - "https://pbs.twimg.com/media/G-MgZdaboAA22M5.jpg" - ] - }, { "id": "2008994096736817624", "author": "davekiss", diff --git a/src/pages/showcase.astro b/src/pages/showcase.astro index 844bfb4..351ba96 100644 --- a/src/pages/showcase.astro +++ b/src/pages/showcase.astro @@ -2,8 +2,8 @@ import Layout from '../layouts/Layout.astro'; import showcaseData from '../data/showcase.json'; -// Sort by likes (most popular first) -const sortedShowcase = [...showcaseData].sort((a, b) => b.likes - a.likes); +// Use JSON order directly (pre-sorted into uniform rows: SHORT, MED, LONG groups) +const sortedShowcase = showcaseData; const categoryLabels: Record = { 'power-user': '🚀 Power User', @@ -64,6 +64,7 @@ const categoryLabels: Record = {

Share your Clawdbot creation with the community

Share on X + Browse Skills Join Discord
@@ -323,6 +324,17 @@ const categoryLabels: Record = { box-shadow: 0 8px 30px rgba(255, 77, 77, 0.4); } + .cta-hub { + background: rgba(0, 229, 204, 0.15); + border: 1px solid var(--cyan-bright); + color: var(--cyan-bright); + } + + .cta-hub:hover { + background: rgba(0, 229, 204, 0.25); + transform: translateY(-2px); + } + .cta-secondary { background: rgba(88, 101, 242, 0.15); border: 1px solid #5865F2;