vibeflow-n8n/docs/demo-assets.md
2026-04-12 13:43:57 -03:00

1.2 KiB

Demo Assets Guide

Use this document to prepare screenshots, terminal captures, and visual assets for launch.

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