Shopping List Ui

核心功能是为Second Brain门户添加/shopping页面，提供分类视图与内联编辑，支持购物清单的查看、添加、编辑、勾选、删除全CRUD操作，数据与shopping-list技能的JSON文件实时同步，网页端与聊天/CLI端操作互通。典型场景是用户通过网页便捷管理购物清单，需依赖运行中的Second Brain（Next.js）及已安装的shopping-list技能，操作直接在网页界面完成。

ajeenkya

热度 70.68

最近更新 2026-05-11 17:27:16

分类：开发依赖：读写文件 / 内部调用大模型应用场景：代码生成 / UI 原型 / 购物

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add shopping-list-ui

Metadata

name: shopping-list-ui
version: 1.0.0
description: 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).

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