Create Upwork proposals with custom demos for job applications. Use when: writing an Upwork proposal, applying to a job on Upwork, creating a demo for a client, Dino says "bewirb dich", "schreib ein Proposal", "Upwork Job", or shares an Upwork job link. Don't use when: managing existing client projects, updating Upwork profile, general freelancing questions. Output: Cover letter + demo HTML in revenue-machine/bewerbungen/YYYY-MM-DD_kurzname/
United-DigiArt-Vision0 星標2026年2月16日
職業
分類
技術文檔
技能內容
Create proposals with custom demos for Upwork job applications.
Workflow
1. Client Risk Assessment (PFLICHT — VOR ALLEM ANDEREN!)
Run the full risk check from references/client-risk-assessment.md:
🔴 Any instant-reject red flags? → STOP, don't apply, tell Dino why
🟡 2+ warnings without green flags? → SKIP
🟢 3+ green flags? → Proceed
First 5 jobs (while <5 reviews): STRICT mode — only ≥4.8★ clients with ≥$5K spend
Requirements: What they need built (tech stack, features, constraints)
Codeword: Check if the job description contains a hidden keyword/phrase that must appear in the cover letter (often buried in the middle). If found, it MUST be the first word of the cover letter.
相關技能
Competition: How many proposals already submitted? Recent activity?
4a. Feeling-First Design (PFLICHT — VOR dem Coden!)
Bevor eine einzige Zeile Code geschrieben wird:
Wer ist der User? (z.B. "gestresster Cybersecurity-Admin" vs. "Recruiter der Talent sucht")
Wie soll er sich fühlen? (z.B. "sicher und in Kontrolle" vs. "kreativ und inspiriert")
Was ist es NICHT? (z.B. "nicht corporate", "nicht überladen")
→ Das bestimmt Farbpalette, Layout, Imagery. NICHT alle Demos gleich (Dark+Tailwind+Charts).
4b. Cosmos.so Recherche (2-5 Min)
Auf cosmos.so nach der Client-Branche suchen (z.B. "cybersecurity dashboard", "CRM modern UI").
→ 3-5 Referenzbilder sammeln → Farbpalette + Stil ableiten
→ Jede Demo bekommt eine EIGENE visuelle Identität passend zur Branche
4c. Custom Assets mit Nano Banana Pro
Wenn die Demo Custom-Grafiken braucht (Logos, Icons, Illustrationen):
→ Nano Banana Pro Skill nutzen (Gemini 3 Pro Image)
→ Referenzbilder von Cosmos als Inspiration
4d. Build
Demo rules:
Single demo.html file (self-contained, no external deps except CDN)
Tailwind CSS via CDN for styling
Farbpalette + Stil basierend auf Feeling-First + Cosmos-Recherche (NICHT generisches Dark Mode!)
Realistic sample data relevant to the client's domain
Interactive where possible (tabs, filters, charts)
Must look like a real product, not a wireframe
Deploy to GitHub Pages: United-DigiArt-Vision/jonny-lab
See references/demo-template.html for base structure.
Backlog: Weave AI
Node-basiertes AI Design Tool ($10/Mo). Testen sobald Revenue fließt. Vorteil: Mehrere Models parallel, visueller Workflow für Brand-Design-Pakete. Aktuell nicht nötig — Nano Banana Pro + Cosmos reichen.
5. Cover Letter schreiben
Follow the template in references/cover-letter-guide.md.
Key rules:
If codeword found → FIRST WORD of the letter
Language: Match the job posting language (English default, mention German availability if client is DACH)
Start with strong opening/hook or direct answer to client's key question
Demo link PROMINENT platzieren (nach Codeword + Ansprache, aber vor dem Haupttext)
Answer specific questions from the posting directly
Keep under 300 words — clients skim
Cover Letter Reihenfolge:
Codeword (falls gefordert)
Persönliche Ansprache / starker Hook
Demo-Link (prominent, eigener Absatz)
Warum WIR für DIESEN Job (nicht generisch)
Antworten auf spezifische Fragen
Timeline + Approach
Sign-off als "Nedim"
Sign as "Nedim"
NEVER fabricate past projects or reviews — be honest about experience, emphasize speed and quality
6. Proposal dokumentieren
Save proposal.md with:
Upwork Job-Link (PFLICHT!) — URL zum Job-Posting, SOFORT beim Finden speichern
Deliver to Dino in EXAKT dieser Struktur — keine Abweichung, keine Ausnahme:
**🔗 Job-Link:** [Upwork URL zum Auftrag]
**📋 Cover Letter:**
[Kompletter Text, 1:1 copy-paste-ready, KEINE Platzhalter wie [Demo Link]!]
**💰 Bid:** $X
**⏱️ Timeline:** X Tage/Wochen
**🎯 Demo:** [Live Demo URL]
**📊 Milestones:** (falls im Job gefordert)
| # | Description | Amount |
|---|-------------|--------|
Regeln:
Job-Link IMMER als ERSTES Element — nie vergessen, nie weiter unten
Cover Letter muss 1:1 kopierbar sein — alle Links schon eingebaut, keine Platzhalter
Demo IMMER VOR der Übergabe bauen + deployen — nie "kommt noch"
Ein Block pro Proposal — Dino kopiert im Flow, alles muss zusammen stehen
Bei mehreren Proposals: Nummerierung beibehalten, Dino sagt welche Nummer er will
Konsistenz > Kreativität — immer gleiches Format, Dino muss nie suchen
Bid-Strategie
Client-Profil
Bid-Strategie
High spend (>$10K), 5.0 rating
Match budget — invest in relationship
Medium spend, good rating
Slightly under budget — competitive
New client, small budget
At or below budget — get the review
Enterprise / long-term
Premium bid — show confidence
Unser Rate: $75/hr. Bei Fixed-Price: kalkuliere Aufwand × $75, dann anpassen nach Client-Profil.
Profil-Portfolio (regelmäßig pflegen!)
Nach jeder Demo-Runde die besten Demos ins Upwork-Profil Portfolio hochladen:
Screenshot der Demo (hochwertig, zeigt den besten Screen)
Link zur Live-Demo
Kurzbeschreibung: Was es ist, welches Problem es löst
Warum: Clients klicken oft zuerst auf den Freelancer-Namen → Profil. Portfolio mit Live-Demos differenziert uns BEVOR der Client das Cover Letter liest.
Auch möglich:
Datei-Anhänge bei Proposals (Screenshot der Demo als PNG)
Code ist commoditized — jeder kann vibe-coden. Was uns differenziert: 15+ Jahre Enterprise-Erfahrung = wir verstehen das PROBLEM, nicht nur die Technologie.
Custom Demo zeigt: wir haben das Problem bereits verstanden bevor der Kunde zahlt.
Immer Domainwissen betonen, nicht nur technische Skills. "Building got easier. Solving real problems didn't."
1. Client Risk Assessment (PFLICHT — VOR ALLEM ANDEREN!)