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).
Best use case
shopping-list-ui is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
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).
Teams using shopping-list-ui should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/shopping-list-ui/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How shopping-list-ui Compares
| Feature / Agent | shopping-list-ui | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
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).
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
Related Guides
AI Agents for Marketing
Discover AI agents for marketing workflows, from SEO and content production to campaign research, outreach, and analytics.
AI Agents for Startups
Explore AI agent skills for startup validation, product research, growth experiments, documentation, and fast execution with small teams.
AI Agents for Coding
Browse AI agent skills for coding, debugging, testing, refactoring, code review, and developer workflows across Claude, Cursor, and Codex.
SKILL.md 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".
Related Skills
letterboxd-watchlist
Scrape a public Letterboxd user's watchlist into a CSV/JSONL list of titles and film URLs without logging in. Use when a user asks to export, scrape, or mirror a Letterboxd watchlist, or to build watch-next queues.
stock-watchlist
Query real-time stock prices, basic quote fields, and manage a Markdown watchlist for A-share, Hong Kong, and US stocks. Use when users ask in Chinese or by ticker/code to search stocks, inspect current price and quote basics, or maintain a watchlist stored in a Markdown file.
listenhub
Explain anything — turn ideas into podcasts, explainer videos, or voice narration. Use when the user wants to "make a podcast", "create an explainer video", "read this aloud", "generate an image", or share knowledge in audio/visual form. Supports: topic descriptions, YouTube links, article URLs, plain text, and image prompts.
todo-list
通用待办事项管理技能。记录需要做的事（TODO）和已完成的事（DONE），区分于日记的日常记录。触发时机：(1) 有明确任务时 (2) 任务完成时 (3) 用户要求查看进度。
Amazon Listing Optimizer — Free Listing Analysis & Keyword Research
**Free alternative to Helium 10 ($97/mo) and Jungle Scout ($49/mo).**
Music Playlist Generation (PlaylistGen)
LLM-powered playlist generation for your local music library that contains music audio files such as mp3, flac, m4a, etc. Integrate this skill with your Agents (e.g., OpenClaw) to enable natural language music discovery and playlist curation through conversation. Point it at your music folder, run the indexer once, and get a natural language playlist generator — accessible via web browser or API.
aibrary-reading-list
[Aibrary] Generate a curated, themed reading list with multiple books organized in a logical reading order. Use when the user wants a systematic book list on a topic, asks for a book list or reading list, wants to deeply explore a domain through multiple books, or needs to build expertise in an area. Different from aibrary-book-recommend (single book) and aibrary-book-search (finding specific books).
cross-listing-ai
Guide an OpenClaw agent through seller-side cross listing and marketplace-ready listing generation from item photos. Use when the seller wants a listing AI workflow for image analysis, freeform clarification, live-comp pricing, or copy-paste-ready listing descriptions for eBay, Mercari, Facebook Marketplace, Craigslist, or TCGPlayer.
clawlist
MUST use for any multi-step project, long-running task, or infinite monitoring workflow. Plan, execute, track, and verify tasks with checkpoint validation. For projects, automation, and ongoing operations.
upi-go-live-checklist
Drive a zero-to-first-test-payment UPI onboarding workflow with explicit readiness checks: provider selection, sandbox setup, credentials, webhook validation, test matrix, go-live gates, and incident rollback planning. Use when preparing to launch UPI payments safely.
risk-management-specialist
Medical device risk management specialist implementing ISO 14971 throughout product lifecycle. Provides risk analysis, risk evaluation, risk control, and post-production information analysis. Use when user mentions risk management, ISO 14971, risk analysis, FMEA, fault tree analysis, hazard identification, risk control, risk matrix, benefit-risk analysis, residual risk, risk acceptability, or post-market risk.
mdr-745-specialist
EU MDR 2017/745 compliance specialist for medical device classification, technical documentation, clinical evidence, and post-market surveillance. Covers Annex VIII classification rules, Annex II/III technical files, Annex XIV clinical evaluation, and EUDAMED integration.