felipe/vibeflow-n8n
1
0
Fork 0
mirror of https://github.com/domfelipe/vibeflow-n8n.git synced 2026-08-07 10:56:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: release Vibeflow n8n v0.6.0

Browse source
This commit is contained in:
Felipe Domingues 2026-04-12 13:43:57 -03:00
parent 097f35215f
commit 260d447f40
15 changed files with 435 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

26
assets/README.md
View file

@ -1,10 +1,22 @@
# Assets
Place public screenshots, social preview images, logos, and demo captures here.
This folder contains launch and showcase assets for the repository.
Suggested files:
- `social-preview.png`
- `demo-intake.png`
- `demo-plan.png`
- `demo-workflow.png`
- `demo-report.png`
## Included
- `logo.svg`
- `social-preview.svg`
- `hero-banner.svg`
- `terminal-demo.svg`
- `workflow-demo.svg`
- `final-report-demo.svg`
## Usage
Use these SVG files as placeholders until you capture real screenshots or GIFs from an end-to-end run.
Recommended replacement order:
1. terminal demo
2. workflow canvas
3. final report
4. hero banner

13
assets/final-report-demo.svg Normal file
View file

@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1400" height="900" viewBox="0 0 1400 900">
<rect width="1400" height="900" fill="#ffffff"/>
<rect x="90" y="70" width="1220" height="760" rx="24" fill="#f8fafc" stroke="#cbd5e1"/>
<text x="130" y="140" fill="#0f172a" font-size="42" font-family="Arial, Helvetica, sans-serif" font-weight="700">Implementation Report</text>
<text x="130" y="220" fill="#0f172a" font-size="28" font-family="Arial, Helvetica, sans-serif" font-weight="700">Created</text>
<text x="170" y="270" fill="#334155" font-size="26" font-family="Arial, Helvetica, sans-serif">• Slack trigger, urgency classifier, Notion insert, status reporter</text>
<text x="130" y="360" fill="#0f172a" font-size="28" font-family="Arial, Helvetica, sans-serif" font-weight="700">Assumptions</text>
<text x="170" y="410" fill="#334155" font-size="26" font-family="Arial, Helvetica, sans-serif">• Urgent means billing, outage, or executive mention</text>
<text x="130" y="500" fill="#0f172a" font-size="28" font-family="Arial, Helvetica, sans-serif" font-weight="700">Missing credentials</text>
<text x="170" y="550" fill="#334155" font-size="26" font-family="Arial, Helvetica, sans-serif">• Slack bot token, Notion integration, escalation channel id</text>
<text x="130" y="640" fill="#0f172a" font-size="28" font-family="Arial, Helvetica, sans-serif" font-weight="700">How to test</text>
<text x="170" y="690" fill="#334155" font-size="26" font-family="Arial, Helvetica, sans-serif">• Send one urgent message and one normal message, then confirm both paths</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

14
assets/hero-banner.svg Normal file
View file

@ -0,0 +1,14 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<rect width="1600" height="900" fill="#0b1020"/>
<rect x="70" y="80" width="1460" height="740" rx="32" fill="#111831" stroke="#2a3768"/>
<text x="120" y="220" fill="#ffffff" font-size="72" font-family="Arial, Helvetica, sans-serif" font-weight="700">Vibeflow n8n</text>
<text x="120" y="300" fill="#9fb4ff" font-size="32" font-family="Arial, Helvetica, sans-serif">Plan-first workflow generation for MCP-capable coding agents</text>
<rect x="120" y="380" width="1360" height="290" rx="24" fill="#0e1530" stroke="#2a3768"/>
<text x="170" y="470" fill="#7dd3fc" font-size="26" font-family="Courier New, monospace">User:</text>
<text x="260" y="470" fill="#e5e7eb" font-size="26" font-family="Courier New, monospace">Build a Slack-to-Notion triage workflow with urgency routing.</text>
<text x="170" y="540" fill="#86efac" font-size="26" font-family="Courier New, monospace">Agent:</text>
<text x="260" y="540" fill="#e5e7eb" font-size="26" font-family="Courier New, monospace">1) Asking only critical questions</text>
<text x="260" y="585" fill="#e5e7eb" font-size="26" font-family="Courier New, monospace">2) Generating normalized plan</text>
<text x="260" y="630" fill="#e5e7eb" font-size="26" font-family="Courier New, monospace">3) Building workflow in n8n via MCP</text>
<text x="120" y="760" fill="#94a3b8" font-size="24" font-family="Arial, Helvetica, sans-serif">Use this as a placeholder hero until you replace it with a real screenshot or GIF.</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

17
assets/terminal-demo.svg Normal file
View file

@ -0,0 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1400" height="900" viewBox="0 0 1400 900">
<rect width="1400" height="900" fill="#0a0f1f"/>
<rect x="80" y="70" width="1240" height="760" rx="24" fill="#111827" stroke="#334155"/>
<circle cx="130" cy="110" r="10" fill="#f87171"/>
<circle cx="160" cy="110" r="10" fill="#fbbf24"/>
<circle cx="190" cy="110" r="10" fill="#34d399"/>
<text x="120" y="170" fill="#93c5fd" font-size="28" font-family="Courier New, monospace">$ use vibeflow skill to build a support triage workflow</text>
<text x="120" y="245" fill="#86efac" font-size="28" font-family="Courier New, monospace">Agent&gt; What should trigger the workflow?</text>
<text x="120" y="300" fill="#e5e7eb" font-size="28" font-family="Courier New, monospace">User&gt; New support emails tagged urgent or billing</text>
<text x="120" y="375" fill="#86efac" font-size="28" font-family="Courier New, monospace">Agent&gt; Which systems should receive the result?</text>
<text x="120" y="430" fill="#e5e7eb" font-size="28" font-family="Courier New, monospace">User&gt; Zendesk, Slack, and a spreadsheet</text>
<text x="120" y="505" fill="#86efac" font-size="28" font-family="Courier New, monospace">Agent&gt; Generating normalized plan...</text>
<text x="120" y="580" fill="#7dd3fc" font-size="28" font-family="Courier New, monospace">✔ objective</text>
<text x="120" y="625" fill="#7dd3fc" font-size="28" font-family="Courier New, monospace">✔ trigger</text>
<text x="120" y="670" fill="#7dd3fc" font-size="28" font-family="Courier New, monospace">✔ branching logic</text>
<text x="120" y="715" fill="#7dd3fc" font-size="28" font-family="Courier New, monospace">✔ validation plan</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

24
assets/workflow-demo.svg Normal file
View file

@ -0,0 +1,24 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<rect width="1600" height="900" fill="#f8fafc"/>
<text x="80" y="90" fill="#0f172a" font-size="40" font-family="Arial, Helvetica, sans-serif" font-weight="700">Sample Workflow Layout</text>
<rect x="100" y="220" width="220" height="100" rx="18" fill="#dbeafe" stroke="#60a5fa"/>
<text x="145" y="278" fill="#1e3a8a" font-size="28" font-family="Arial, Helvetica, sans-serif">Slack Trigger</text>
<rect x="420" y="220" width="250" height="100" rx="18" fill="#dcfce7" stroke="#4ade80"/>
<text x="455" y="278" fill="#166534" font-size="28" font-family="Arial, Helvetica, sans-serif">Normalize Message</text>
<rect x="790" y="220" width="240" height="100" rx="18" fill="#fef3c7" stroke="#f59e0b"/>
<text x="835" y="278" fill="#92400e" font-size="28" font-family="Arial, Helvetica, sans-serif">Classify Urgency</text>
<rect x="1170" y="120" width="220" height="100" rx="18" fill="#fee2e2" stroke="#f87171"/>
<text x="1238" y="178" fill="#991b1b" font-size="28" font-family="Arial, Helvetica, sans-serif">Urgent Path</text>
<rect x="1170" y="320" width="220" height="100" rx="18" fill="#e0e7ff" stroke="#818cf8"/>
<text x="1230" y="378" fill="#3730a3" font-size="28" font-family="Arial, Helvetica, sans-serif">Normal Path</text>
<rect x="790" y="520" width="240" height="100" rx="18" fill="#ede9fe" stroke="#8b5cf6"/>
<text x="835" y="578" fill="#5b21b6" font-size="28" font-family="Arial, Helvetica, sans-serif">Create Notion Item</text>
<rect x="1170" y="520" width="220" height="100" rx="18" fill="#cffafe" stroke="#22d3ee"/>
<text x="1225" y="578" fill="#155e75" font-size="28" font-family="Arial, Helvetica, sans-serif">Report Status</text>
<line x1="320" y1="270" x2="420" y2="270" stroke="#64748b" stroke-width="6"/>
<line x1="670" y1="270" x2="790" y2="270" stroke="#64748b" stroke-width="6"/>
<line x1="1030" y1="270" x2="1170" y2="170" stroke="#64748b" stroke-width="6"/>
<line x1="1030" y1="270" x2="1170" y2="370" stroke="#64748b" stroke-width="6"/>
<line x1="1280" y1="420" x2="1280" y2="520" stroke="#64748b" stroke-width="6"/>
<line x1="1030" y1="570" x2="1170" y2="570" stroke="#64748b" stroke-width="6"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.2 KiB