✓ Verified 💻 Development ✓ Enhanced Data

Shopping List Ui

Web UI for the shopping-list skill.

Rating: 4.9 (303 reviews)
Downloads: 3,367 downloads
Version: 1.0.0

Overview

Web UI for the shopping-list skill.

Complete Documentation

View Source →

Shopping List UI

Web interface for managing the shopping list. Adds a /shopping page to the Second Brain portal with categorized list view and inline editing.

Prerequisites

Second Brain portal running (Next.js)
shopping-list skill installed (clawhub install shopping-list)

Files

This skill adds the following files to the Second Brain app:

File	Purpose
second-brain/src/lib/shopping.ts	Data layer — reads/writes shopping-list skill JSON files
second-brain/src/app/api/shopping/route.ts	GET list + POST add item
second-brain/src/app/api/shopping/[id]/route.ts	PUT edit, DELETE remove, PATCH check-off
second-brain/src/app/shopping/page.tsx	Shopping list page with CRUD UI

Also modifies:

second-brain/src/components/Sidebar.tsx — adds Shopping nav entry
second-brain/src/components/SFIcon.tsx — adds cart.fill icon

Data

Reads and writes skills/shopping-list/data/active.json — the same file used by the conversational shopping-list CLI skill. Changes made in the web UI are immediately visible in chat, and vice versa.

User identity for addedBy is read from skills/shopping-list/data/config.json. If not set, defaults to "web".