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).
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/ajeenkya/shopping-list-uiWhat This Skill Does
The shopping-list-ui skill acts as a robust web-based management portal for the existing OpenClaw shopping-list ecosystem. While the base skill operates through conversational CLI interactions, this UI extension provides a visual, high-density interface tailored for rapid item management. By mounting directly into your existing Next.js Second Brain portal, it offers a dedicated /shopping route where you can view, add, edit, and manage your lists with a familiar dashboard experience. Because it shares the underlying data architecture with the CLI tool, it ensures complete synchronization; items added via voice commands will instantly appear in the web dashboard, and items checked off in the browser are immediately reflected in your chatbot's history.
Installation
To integrate this UI, you must first have the primary shopping-list skill configured and active. Use the following command in your terminal within the Second Brain environment:
clawhub install openclaw/skills/skills/ajeenkya/shopping-list-ui
Once installed, the script automatically scaffolds the necessary API routes and UI components. Ensure your Next.js development server is restarted to register the new /shopping navigation link and updated iconography.
Use Cases
This skill is perfect for scenarios where a keyboard and mouse are more efficient than natural language processing. Use it when planning for large weekly grocery trips where you need to scan a comprehensive list quickly, sort items by category, or perform batch edits that would be cumbersome to dictate. It is also ideal for household members who prefer a visual interface over voice commands, allowing non-technical users to contribute to the shared grocery list through a standard web browser.
Example Prompts
- "Open the shopping list dashboard so I can see what we need for the weekend."
- "Can you help me clear all the completed items from the shopping UI?"
- "Is there anything missing from my shopping list that I added on the web page?"
Tips & Limitations
- Syncing: Changes are immediate, but if you have the page open in multiple tabs, perform a hard refresh if you suspect a stale cache.
- Authentication: The
addedByfield defaults to 'web'. Ensure yourconfig.jsonis configured correctly if you need distinct user attribution. - Limitations: This skill strictly manages the file-based storage defined by the parent skill. It does not integrate with third-party cloud grocery services like Instacart or Amazon Fresh; it is designed for personal organization rather than commerce.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-ajeenkya-shopping-list-ui": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: file-write, file-read