Convert a Claude Design export (from design.claude.com) representing a shop / collection / product-listing page into a SureCart surecart/product-list block with its full inner template (sort + filter + search + product-template grid + pagination + no-products fallback). ALSO ships an upstream INTAKE MODE (v0.8+): when invoked empty (no attached design), the skill runs a small 2-batch questionnaire and emits a constraint-aware Claude Design prompt the merchant pastes into design.claude.com — closing the merchant-to-markup loop for shop pages. Use when the merchant attaches a Claude Design project (zip / unzipped JSX/CSS / screenshot / URL) of a multi-product page and asks for shop-page markup, OR invokes empty to generate a design prompt. Output is one fenced html block of Gutenberg block markup the merchant pastes into the WordPress block editor — no MCP, no API keys, no server calls. Sibling skill to surecart-design-to-blocks (which targets single-product detail pages); they share the same emission conventions and validation rubric structure.
EnglishUse when the user wants to create a new SureCart third-party plugin integration, add support for a new LMS or membership plugin, scaffold an integration service, or connect a WordPress plugin to SureCart's purchase lifecycle. Scaffolds IntegrationService, ServiceProvider, and registers in app/config.php.
English
AGENT SKILLS ATLASIncludes Surecart Design to Shop Page and Surecart New Integration.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Surecart Design to Shop Page
Convert a Claude Design export (from design.claude.com) representing a shop / collection / product-listing page into a SureCart surecart/product-list block with its full inner template (sort + filter + search + product-template grid + pagination + no-products fallback). ALSO ships an upstream INTAKE MODE (v0.8+): when invoked empty (no attached design), the skill runs a small 2-batch questionnaire and emits a constraint-aware Claude Design prompt the merchant pastes into design.claude.com — closing the merchant-to-markup loop for shop pages. Use when the merchant attaches a Claude Design project (zip / unzipped JSX/CSS / screenshot / URL) of a multi-product page and asks for shop-page markup, OR invokes empty to generate a design prompt. Output is one fenced html block of Gutenberg block markup the merchant pastes into the WordPress block editor — no MCP, no API keys, no server calls. Sibling skill to surecart-design-to-blocks (which targets single-product detail pages); they share the same emission conventions and validation rubric structure.
Surecart New Integration
Use when the user wants to create a new SureCart third-party plugin integration, add support for a new LMS or membership plugin, scaffold an integration service, or connect a WordPress plugin to SureCart's purchase lifecycle. Scaffolds IntegrationService, ServiceProvider, and registers in app/config.php.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Surecart Design to Shop Page skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- Reported license for the skills shown: MIT. The author’s terms apply.