Skip to main content
Generaldvcrn

shopping-list-ui

Web UI for the shopping-list skill. Adds a /shopping page to Second Brain with full CRUD — view, add, edit, check off, and delete items. Requires the shopping-list skill to be installed (shares the same data files).

Stars
15
Source
dvcrn/openclaw-skills-marketplace
Updated
2026-05-29
Slug
dvcrn--openclaw-skills-marketplace--shopping-list-ui
View on GitHubRaw SKILL.md

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/dvcrn/openclaw-skills-marketplace/HEAD/plugins/ajeenkya--shopping-list-ui/skills/shopping-list-ui/SKILL.md -o .claude/skills/shopping-list-ui.md

Drops the SKILL.md into .claude/skills/shopping-list-ui.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

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".