mirror of
https://github.com/domfelipe/vibeflow-n8n.git
synced 2026-08-07 08:16:43 +00:00
48 lines
1.2 KiB
Markdown
48 lines
1.2 KiB
Markdown
# Demo Assets Guide
|
|
|
|
Use this document to prepare screenshots, terminal captures, and visual assets for launch.
|
|
|
|
## Recommended visuals
|
|
|
|
### 1. Hero banner
|
|
Use `assets/hero-banner.svg` as a temporary visual until you capture a real workflow screenshot.
|
|
|
|
### 2. Terminal intake flow
|
|
Show the agent asking for:
|
|
- the workflow goal
|
|
- trigger type
|
|
- apps involved
|
|
- final action
|
|
- exceptions or approvals
|
|
|
|
### 3. Plan output
|
|
Capture the normalized plan before the build starts.
|
|
|
|
### 4. Workflow canvas
|
|
Use `assets/workflow-demo.svg` as a placeholder, or replace it with a real n8n screenshot.
|
|
|
|
### 5. Final handoff report
|
|
Use `assets/final-report-demo.svg` as a placeholder, or capture a real final report from the agent.
|
|
|
|
## Included placeholder assets
|
|
|
|
- `assets/hero-banner.svg`
|
|
- `assets/terminal-demo.svg`
|
|
- `assets/workflow-demo.svg`
|
|
- `assets/final-report-demo.svg`
|
|
- `assets/social-preview.svg`
|
|
|
|
## Capture tips
|
|
|
|
- avoid showing secrets or real tokens
|
|
- use short examples with familiar tools like Slack, Airtable, Gmail, HubSpot
|
|
- prefer light, readable terminal themes
|
|
- crop screenshots tightly
|
|
- keep filenames predictable
|
|
|
|
## Suggested README image order
|
|
|
|
1. hero image or terminal screenshot
|
|
2. plan screenshot
|
|
3. workflow screenshot
|
|
4. final report screenshot
|