Jump to related tools in the same category or review the original source on GitHub.

Web & Frontend Development @ajeenkya Updated 6/28/2026 835 downloads 0 stars Security: Pass

Shopping List Ui OpenClaw Plugin & Skill | ClawHub

Looking to integrate Shopping List Ui into your AI workflows? This free OpenClaw plugin from ClawHub helps you automate web & frontend development tasks instantly, without having to write custom tools from scratch.

What this skill does

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

Install

ClawHub CLI
openclaw skills install @ajeenkya/shopping-list-ui
Node.js (npx)
npx clawhub@latest install shopping-list-ui

Full SKILL.md

Open original
Metadata table.
nameversiondescription
shopping-list-ui1.0.0Web 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).

SKILL.md content below is scrollable.

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

ClawHub Registry URL: https://clawhub.ai/ajeenkya/skills/shopping-list-ui

Related skills

If this matches your use case, these are close alternatives in the same category.