25 lines
1.6 KiB
Markdown
25 lines
1.6 KiB
Markdown
## 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 |