Net-new development workflow

The net-new development workflow allows you to use the Commerce Developer Agent to scaffold the architecture and generate starter code for new Commerce extensions, integration layers, or storefront components.

When to use this workflow

Use this workflow when:

Prerequisites

Tips for new development

The following project types are recommended:

Scenario
Reason
Customer-managed App Builder extension
Extensions managed through Commerce App Management work well with the developer agent.
Event-driven Commerce integration
The developer agent is designed for reacting to Adobe Commerce events asynchronously.
Webhook-based validation or enrichment
Useful when the extension needs to intercept, validate, or enrich Commerce operations.
Third-party integration through App Builder
Works well when the external API, authentication needs, and data mapping are described clearly.
Storefront drop-in on Edge Delivery
Good fit when building supported Edge Delivery storefront components.

The following project types could produce lower-quality output and will require additional review and scrutiny:

Scenario
Reason
Custom PWA/headless storefront scaffolding outside the supported Edge Delivery path
Not currently part of the supported workflow.
Complex multi-extension or cross-project dependencies
Currently, a single-project scope is better.
Custom payment gateway implementation
Requires careful security, compliance, and payment-domain review.

New development workflow

The following sections describe the workflow from starting a new project to exporting code for continued development.

Access the Commerce Developer Agent

  1. Navigate directly to the Commerce Developer Agent home screen.
  2. Sign in with your Adobe IMS credentials when prompted.
  3. From the Commerce Developer Agent home screen, click New Project or start entering your project details on the App Builder or Edge Delivery tab, depending on what you want to develop.

Net-new development

When creating your first prompt, consider providing the following information to help the agent understand your intent:

Review the blueprint

After you submit the intake, Commerce Developer Agent begins interpreting your request and preparing the blueprint. During this step, review the planning view for:

Correct any misunderstandings here before proceeding. This is the lowest-cost point to redirect Commerce Developer Agent before approving the blueprint.

blueprint tab

Use the Preview tab to review the blueprint overview, planned tasks, and architecture diagram. Use the Source tab to inspect the textual blueprint representation, currently shown in Markdown.

Common refinements include:

Use the suggested refinement prompts above the chat field to review the blueprint from different angles, such as assumptions, design gaps, scalability, security, event coverage, state management, Adobe best practices, and open questions.

Click Request changes to iterate on the blueprint or click Approve plan to start code generation.

When you request changes, Commerce Developer Agent creates a new blueprint version. You can review versions before approving the plan, including comparing blueprint versions side by side where available.

Generate the code

After blueprint approval, Commerce Developer Agent generates the project workspace. Depending on the selected workflow mode and approved blueprint, this may include:

Real-time progress displays on the Develop tab while the code is generated. You can inspect generated files, review validation output, and continue refining the generated code through chat.

develop tab

Iterate on the code

After the initial generation, you can continue refining the generated workspace. Use follow-up prompts or the suggested actions above the chat field to request changes, validations, tests, logging, documentation, or performance improvements.

Make the log level configurable.
Add validation before sending data to the external system.
Add tests for the generated event handler.
Generate a README with setup and deployment instructions.

The agent retains all project context across your session and across return visits.