Agent skill

commerce-storefront

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

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/commerce-storefront

SKILL.md

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

json
{"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

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results