🎬 Generate portfolio screenshots and Upwork copy with Firecrawl, ScreenshotOne, OpenAI and Google Workspace
⚡ 10 views · 🎬 Content Creation & Video
💡 Pro Tip — HTTP Request scraping tends to break when sites update their markup. If you’re scraping a major platform, check if ScraperNode covers it — it has maintained scrapers for LinkedIn, Instagram, TikTok, YouTube, and 20+ other platforms that return structured data.
Description
AI Portfolio Generator for Freelancers
Automatically transform any website URL into a complete portfolio entry with professional screenshots and AI-generated Upwork project descriptions.
🎯 Perfect For
- Freelancers building their Upwork/portfolio from past projects
- Agencies documenting client work at scale
- Web developers showcasing their websites professionally
- Anyone who needs consistent, high-quality website screenshots
✨ What It Does
- Submit a URL via simple web form
- AI analyzes the website (structure, niche, audience, services)
- Smart screenshots capture hero, fullpage, individual sections, and mobile views
- AI writes compelling Upwork portfolio description with title, role, and skills
- Auto-saves everything to Google Drive + Sheets + sends Telegram notification
🔥 Key Features
- JavaScript Rendering — Works with React, Vue, Next.js, and any SPA (via Firecrawl)
- Intelligent Section Detection — AI identifies real content sections, not utility elements
- Multiple Screenshot Types — Hero (1920×1080), fullpage, custom sections, mobile (375×812)
- Retina Quality — 2x device scale factor for crisp images
- Smart Error Handling — Retries failed screenshots, filters invalid results
- Rate Limit Protection — Built-in delays to respect API limits
- Complete Logging — Every run logged to Google Sheets with all metadata
📸 Screenshots Captured
| Type | Resolution | Description |
|---|---|---|
| Hero | 1920×1080 @2x | Above-the-fold view |
| Fullpage | 1920×auto @2x | Entire scrollable page |
| Sections | 1920×1080 @2x | Each detected content section |
| Mobile | 375×812 @2x | iPhone-style mobile view |
🤖 AI-Generated Upwork Content
- Project Title (max 50 chars)
- Your Role (e.g., “Full-Stack Developer”, “Lead Designer”)
- Project Description (goals, solution, impact — max 600 chars)
- Skills (5 relevant technical skills)
🔧 Services Used
| Service | Purpose | Free Tier |
|---|---|---|
| Firecrawl | JavaScript rendering | ✅ 500 pages/month |
| ScreenshotOne | Screenshot API | ✅ 100 screenshots/month |
| OpenAI | GPT-4o-mini analysis | Pay-as-you-go |
| Google Drive | Image storage | ✅ 15GB free |
| Google Sheets | Results logging | ✅ Free |
| Telegram | Notifications | ✅ Free |
📋 Setup Checklist
- ✅ Import workflow
- ✅ Add Firecrawl API key
- ✅ Add ScreenshotOne API key
- ✅ Connect OpenAI credentials
- ✅ Connect Google Drive (+ set your folder)
- ✅ Connect Google Sheets (+ set your spreadsheet)
- ✅ Set up Telegram bot + chat ID
- ✅ Activate & share the form URL!
💡 Pro Tips
- Test with simple sites first before complex SPAs
- Increase delay in Wait node if hitting rate limits
- Change AI model to
gpt-4ofor better analysis quality - All instructions included as Sticky Notes inside the workflow!
📊 Output Example
After processing example.com:
- 📁 5 PNG screenshots in Google Drive
- 📊 Full analysis row in Google Sheets
- 📱 Telegram message with all links and AI-generated Upwork content
Built for freelancers, by a freelancer. Stop wasting hours on manual portfolio creation — let AI do the heavy lifting! 🚀
#portfolio, #screenshots, #upwork, #freelancer, #ai, #gpt, #automation, #firecrawl, #screenshotone, #google-drive, #google-sheets, #telegram, #website-analysis, #form-trigger
🔗 Nodes Used
Google Sheets, HTTP Request, Telegram, Google Drive, n8n Form Trigger
📥 Import
Download workflow.json and import into n8n:
Workflow menu → Import from File