task icon Task

Visualize Employee Lifecycle

Requirements
Lifecycle stages (default: Attract, Onboard, Develop, Retain, Offboard), style preference, color scheme
2

Ask the user for their lifecycle visualization preferences:

  • What stages to show? (Default: Attract → Onboard → Develop → Retain → Offboard)
  • Custom stage names? (e.g., "Hire" instead of "Attract")
  • Layout preference? (Linear left-to-right, circular, infinity loop)
  • Color scheme? (Default: progression from cool to warm)
  • Icon style? (Minimal line icons, filled icons, abstract shapes)
  • Where will this be used? (Presentation, wiki, printed poster)

If user just says "employee lifecycle" without details, use the standard 5-stage model.

3

VALIDATION: Before proceeding, verify you have:

  • Lifecycle stages specified (or using default 5-stage model)
  • Layout preference or default chosen
  • Usage context (where it will be displayed)

If the user provides only "employee lifecycle" without context, confirm usage context before proceeding.

4

Construct the image generation prompt using the Employee Lifecycle template:

  1. Start with the base template from the slice
  2. Set the number of stages and their names
  3. Choose appropriate icons for each stage:
    • Attract: Magnet, megaphone, handshake
    • Onboard: Rocket, door opening, welcome
    • Develop: Growth chart, lightbulb, ladder
    • Retain: Heart, anchor, home
    • Offboard: Handwave, door, transition
  4. Define the layout (linear is most common)
  5. Set color progression
  6. Request clean, presentation-ready quality

Keep text minimal in the image—labels can be overlaid.

Store the constructed prompt for the next step.

6

Present the generated lifecycle visual to the user.

Mention:

  • Stage labels may need to be added as text overlay
  • Works well in presentations and documentation
  • Offer to try different layouts (circular, linear) or icon styles
                    To run this task you must have the following required information:

> Lifecycle stages (default: Attract, Onboard, Develop, Retain, Offboard), style preference, color scheme

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 HR Visual Prompts]: Read the documentation in: `./skills/sauna/[skill_id]/references/hr.visual.prompts.md` (Get the employee lifecycle prompt template)

2. Ask the user for their lifecycle visualization preferences:
- What stages to show? (Default: Attract → Onboard → Develop → Retain → Offboard)
- Custom stage names? (e.g., "Hire" instead of "Attract")
- Layout preference? (Linear left-to-right, circular, infinity loop)
- Color scheme? (Default: progression from cool to warm)
- Icon style? (Minimal line icons, filled icons, abstract shapes)
- Where will this be used? (Presentation, wiki, printed poster)

If user just says "employee lifecycle" without details, use the standard 5-stage model.


3. VALIDATION: Before proceeding, verify you have:
- [ ] Lifecycle stages specified (or using default 5-stage model)
- [ ] Layout preference or default chosen
- [ ] Usage context (where it will be displayed)

If the user provides only "employee lifecycle" without context, confirm usage context before proceeding.


4. Construct the image generation prompt using the Employee Lifecycle template:

1. Start with the base template from the slice
2. Set the number of stages and their names
3. Choose appropriate icons for each stage:
   - Attract: Magnet, megaphone, handshake
   - Onboard: Rocket, door opening, welcome
   - Develop: Growth chart, lightbulb, ladder
   - Retain: Heart, anchor, home
   - Offboard: Handwave, door, transition
4. Define the layout (linear is most common)
5. Set color progression
6. Request clean, presentation-ready quality

Keep text minimal in the image—labels can be overlaid.

Store the constructed prompt for the next step.


5. [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 new generation
- `outputDir`: ./documents/hr-visuals/*

6. [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
}
```

7. Present the generated lifecycle visual to the user.

Mention:
- Stage labels may need to be added as text overlay
- Works well in presentations and documentation
- Offer to try different layouts (circular, linear) or icon styles