Create Welcome Banner
Requirements
Purpose (onboarding portal, email header, Slack), color preferences, work model (remote/hybrid/office)
2
Ask the user for their banner preferences:
- Where will this be used? (onboarding portal, welcome email, Slack announcement)
- Company colors or preferred palette? (Default: warm, welcoming tones)
- Work model to reflect? (remote-first, hybrid, in-office)
- Should it leave space for text? (left side, right side, center)
- Any specific elements to include? (e.g., company mascot, specific imagery)
If user just says "welcome banner" without details, create a warm, general-purpose banner.
3
VALIDATION: Before proceeding, verify you have:
- Usage context (where the banner will be displayed)
- Work model or default chosen
If the user provides only "welcome banner" without any context, use defaults but confirm usage context first.
4
Construct the image generation prompt using the Welcome Banner template:
- Start with the base template from the slice
- Adjust visual elements based on work model:
- Remote: Home office, video calls, distributed team imagery
- Hybrid: Mix of home and office elements
- Office: Modern workplace, collaboration spaces
- Set color palette based on company brand or user preference
- Specify text space placement if requested
- Adjust tone (playful for startups, professional for enterprise)
The final prompt should create an inviting, inclusive welcome image.
Store the constructed prompt for the next step.
6
Present the generated banner to the user.
Mention:
- This works best as a header/banner image
- Text can be overlaid in [specified area]
- Offer to regenerate with different colors, style, or elements
To run this task you must have the following required information:
> Purpose (onboarding portal, email header, Slack), color preferences, work model (remote/hybrid/office)
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 welcome banner prompt template)
2. Ask the user for their banner preferences:
- Where will this be used? (onboarding portal, welcome email, Slack announcement)
- Company colors or preferred palette? (Default: warm, welcoming tones)
- Work model to reflect? (remote-first, hybrid, in-office)
- Should it leave space for text? (left side, right side, center)
- Any specific elements to include? (e.g., company mascot, specific imagery)
If user just says "welcome banner" without details, create a warm, general-purpose banner.
3. VALIDATION: Before proceeding, verify you have:
- [ ] Usage context (where the banner will be displayed)
- [ ] Work model or default chosen
If the user provides only "welcome banner" without any context, use defaults but confirm usage context first.
4. Construct the image generation prompt using the Welcome Banner template:
1. Start with the base template from the slice
2. Adjust visual elements based on work model:
- Remote: Home office, video calls, distributed team imagery
- Hybrid: Mix of home and office elements
- Office: Modern workplace, collaboration spaces
3. Set color palette based on company brand or user preference
4. Specify text space placement if requested
5. Adjust tone (playful for startups, professional for enterprise)
The final prompt should create an inviting, inclusive welcome image.
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 banner to the user.
Mention:
- This works best as a header/banner image
- Text can be overlaid in [specified area]
- Offer to regenerate with different colors, style, or elements