Back to skills
extension
Category: Development & EngineeringNo API key required

commerce-storefront

Build and adapt storefront templates and Agentic Commerce Protocol flows. Use when designing storefront pages, checkout UI, or ACP flows.

personAuthor: jakexiaohubgithub

Commerce Storefront

Scaffold storefronts and add commerce features using StateSet tools.

How It Works

  1. Choose a template (Next.js, Remix, Vite, Astro).
  2. Generate the project scaffold.
  3. Add pages, components, and API routes.
  4. Seed demo data and run the dev server.

Usage

  • CLI: stateset-create <name> --template nextjs
  • Use stateset or the scaffold MCP server for adding pages/components.
  • Keep database path in .env and use @stateset/embedded on the server.

Output

{"status":"created","project":"my-storefront","template":"nextjs"}

Present Results to User

  • Project path and template used.
  • Pages/components added.
  • How to run the dev server.

Troubleshooting

  • Missing Node dependencies: run npm install in the project.
  • Database errors: confirm .env path and file permissions.

References

  • references/storefront-templates.md
  • /home/dom/stateset-icommerce/cli/.claude/skills/commerce-storefront/SKILL.md
  • /home/dom/stateset-icommerce/cli/src/scaffold-server.js