Skills shopping-list-ui

Name: shopping-list-ui
Author: openclaw

install

source · Clone the upstream repo

git clone https://github.com/openclaw/skills

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/openclaw/skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/ajeenkya/shopping-list-ui" ~/.claude/skills/openclaw-skills-shopping-list-ui && rm -rf "$T"

OpenClaw · Install into ~/.openclaw/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/openclaw/skills "$T" && mkdir -p ~/.openclaw/skills && cp -r "$T/skills/ajeenkya/shopping-list-ui" ~/.openclaw/skills/openclaw-skills-shopping-list-ui && rm -rf "$T"

manifest: skills/ajeenkya/shopping-list-ui/SKILL.md

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