.agents/memory/2026-02-24-skills-marketplace-ui-redesign-clawhub-provider.md

Skills Marketplace UI Redesign + ClawHub Provider

Context: The Skills tab currently uses a plain table/list layout with rows showing skill name, source, and install count. Nicholai wants this transformed into a proper marketplace experience (Amazon/App Store style) for agent skills, with ClawHub (clawhub.ai) integrated as a second provider alongside existing skills.sh integration.

What We're Building:

1. Marketplace card grid UI (responsive skill cards replacing flat tables)
2. ClawHub provider integration (daemon-side API + client-side cache)
3. Unified feed (merged results from both providers with provider badges)
4. Unified search (skills.sh API search + client-side filtering of cached ClawHub catalog)

Execution Order:

1. Backend: Add ClawHub cache + fetch logic in packages/daemon/src/daemon.ts
2. Backend: Update /api/skills/browse and /api/skills/search to merge providers
3. Dashboard API: Update SkillSearchResult interface in packages/cli/dashboard/src/lib/api.ts
4. Dashboard store: Add sort/filter state in packages/cli/dashboard/src/lib/stores/skills.svelte.ts
5. Dashboard UI: Create SkillCard + SkillGrid components
6. Dashboard UI: Rewrite SkillsTab with marketplace layout
7. Dashboard UI: Update SkillDetail with new fields

Verification:

1. bun run build to ensure compilation
2. Test /api/skills/browse for merged results with provider field
3. Test /api/skills/search?q=memory for cross-provider results
4. Verify dashboard UI: card grid, search, sort/filter controls, and detail sheet functionality
5. Confirm install/uninstall flow remains functional