task icon Task

Create Customer Journey Map

Requirements
Lifecycle stages to visualize (or use defaults: Onboarding, Adoption, Value Realization, Expansion, Renewal)
2

Ask the user for their journey map details:

  • What lifecycle stages should it show? (Default: Onboarding → Adoption → Value Realization → Expansion → Renewal)
  • Any specific touchpoints or activities to highlight per stage?
  • Color preferences? (Default: teal-to-blue gradient)
  • Is this for internal documentation or customer-facing materials?

If user just says "journey map" without details, use the standard SaaS customer lifecycle.

3

Construct the image generation prompt using the Customer Journey Map template:

  1. Start with the base template from the slice
  2. Replace [N] with the number of stages
  3. Replace stage placeholders with the user's stages (or defaults)
  4. Select appropriate icons for each stage from the common icons list
  5. Set color progression based on preference
  6. Adjust style based on audience (internal vs customer-facing)

The final prompt should create a clear, scannable journey visualization.

5

Present the generated journey map to the user. Show the saved image path.
Offer to regenerate with different stages, icons, or style if needed.

                    To run this task you must have the following required information:

> Lifecycle stages to visualize (or use defaults: Onboarding, Adoption, Value Realization, Expansion, Renewal)

If you don't have all of this information, exit here and respond asking for any extra information you require, and instructions to run this task again with ALL required information.

---

You MUST use a todo list to complete these steps in order. Never move on to one step if you haven't completed the previous step. If you have multiple read steps in a row, read them all at once (in parallel).

Add all steps to your todo list now and begin executing.

## Steps

1. [Read Customer Success Visual Prompts]: Read the documentation in: `./skills/sauna/[skill_id]/references/success.visual.prompts.md` (Get the journey map prompt template)

2. Ask the user for their journey map details:
- What lifecycle stages should it show? (Default: Onboarding → Adoption → Value Realization → Expansion → Renewal)
- Any specific touchpoints or activities to highlight per stage?
- Color preferences? (Default: teal-to-blue gradient)
- Is this for internal documentation or customer-facing materials?

If user just says "journey map" without details, use the standard SaaS customer lifecycle.


3. Construct the image generation prompt using the Customer Journey Map template:

1. Start with the base template from the slice
2. Replace [N] with the number of stages
3. Replace stage placeholders with the user's stages (or defaults)
4. Select appropriate icons for each stage from the common icons list
5. Set color progression based on preference
6. Adjust style based on audience (internal vs customer-facing)

The final prompt should create a clear, scannable journey visualization.


4. [Gather Arguments: Generate or Edit Image] The next step has the following requirements for arguments, do not proceed until you have all the required information:
- `prompt`: the constructed prompt from previous step
- `imagePath`: empty string - no source image for generation
- `outputDir`: ./documents/images/**/*

5. [Run Code: Generate or Edit Image]: Call `run_script` with:

```json
{
  "file": {
    "path": https://sk.ills.app/code/media.image.generate/preview,
    "args": [
      "prompt",
      "imagePath",
      "outputDir"
    ]
  },
  "packages": null
}
```

6. Present the generated journey map to the user. Show the saved image path.
Offer to regenerate with different stages, icons, or style if needed.