π¬ 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