Early Access
Setup-Guide · Claude Design Prompt Guide · April 2026

Pitch Decks, Landing Pages, Prototypen.

Ich baue gerade eine Community für alle, die alles über Claude Code lernen wollen. Trag dich ein für Early Access.

Kostenlos · Kein Spam · DSGVO

Elf Schritte zu deinem Claude-Design-Setup.

Öffne claude.ai/design, wähle Output-Typ, lade Brand-Referenzen hoch, kopiere einen Prompt, ersetze die [ORANGE]-Platzhalter, abschicken — Claude baut dein Design mit Opus 4.7. Export als PPTX, PDF, HTML, nach Canva oder Claude Code.

01

claude.ai/design öffnen

Pro, Max, Team oder Enterprise

Öffne claude.ai/design (Pro, Max, Team oder Enterprise Abo nötig).

claude.ai/design
02

New Design starten

Output-Typ wählen

Klicke auf 'New Design' und wähle den Output-Typ.

New Design → Output-Typ wählen
(Pitch Deck, Landing Page, Prototype,
One-Pager, Report, ...)
03

Brand-Referenzen hochladen

Optional · Logo, Figma, Screenshots

Optional: Lade Brand-Referenzen hoch (Logo, Figma-Files, Screenshots).

Logo · Figma-Files · Screenshots
→ Claude liest sie und nutzt sie automatisch
04

Investor Pitch Deck — YC Format

Seed-Runden Pitch Deck

Fundraising-ready Decks in wenigen Minuten. Ersetze [STARTUP], [PROBLEM] und [TRACTION] mit deinen Infos.

Bau mir ein 10-Slide Pitch Deck fuer [STARTUP].
Zielgruppe: Seed-Stage VCs und Angel Investors.

Design: Modern, minimal, weisser Hintergrund,
schwarze Headlines, bold Sans-Serif fuer Zahlen.
Ein Akzentfarbe: [BRAND-FARBE]. Hoher Kontrast,
viel Weissraum. Keine Cream-Tones, keine Serifen.

Struktur (Y Combinator Format):
1. Titel + Tagline (1 Satz)
2. Problem: [PROBLEM]
3. Loesung: [STARTUP] in 1 Satz
4. Product Demo (3 Screenshots Mockup)
5. Market Size (TAM/SAM/SOM)
6. Business Model
7. Traction: [TRACTION]
8. Competition (2x2 Matrix)
9. Team (3 Founder)
10. Ask + Use of Funds

Pro Slide max 5 Wort-Headline + 3 Key Facts.
Exportiere als PPTX.
05

Internal Strategy Deck

McKinsey-Stil · C-Level

Ersetze [THEMA] und [ZEITRAUM] mit z.B. 'Q2 Roadmap' und 'April-Juni 2026'.

Bau mir ein internes Strategy Deck:
[THEMA] fuer [ZEITRAUM].

Design: McKinsey-Stil. Warme cream
Hintergruende (#FAFAF8), Serif-Headlines
(Playfair Display), Sans-Serif Body (Inter).
Navy (#1A1A2E) fuer Akzente. Premium, serioes,
fuer C-Level-Publikum.

12 Slides:
1. Cover + Executive Summary
2. Context / Ausgangslage
3-5. Strategische Prioritaeten (3 Bloecke)
6-8. Initiativen pro Prioritaet
9. Roadmap Timeline
10. Ressourcen + Budget
11. Risiken + Mitigation
12. Next Steps + Accountability

Deutsch. Keine Emojis.
06

SaaS Landing Page

Conversion-optimiert · Tech-Look

Ersetze [PRODUKT], [USP] und [ZIELGRUPPE] mit deinen Angaben.

Bau mir eine SaaS Landing Page fuer [PRODUKT].
USP: [USP]. Zielgruppe: [ZIELGRUPPE].

Design: Sleek Tech-Look. Dunkler Hintergrund
(#0A0A0F), weisse Typografie, elektrisch
blauer Akzent (#3B82F6). Inter Sans-Serif.
Grosse Hero-Section mit Bold Headline.

Sections von oben nach unten:
1. Hero: H1 + Subline + 2 CTA-Buttons
2. Social Proof Bar (5 Logos)
3. Pain Points (3 Spalten mit Icons)
4. Product Demo (Video-Mockup mit Play)
5. Features (3x2 Grid mit Illustrationen)
6. Pricing Table (3 Tiers, mittlere als
   'Most Popular' hervorgehoben)
7. Testimonials (Slider mit 3 Quotes)
8. FAQ (Accordion mit 6 Fragen)
9. Final CTA + Footer

Mobile-responsive. Export als HTML.
07

Produkt Launch Page

Bold & editorial · Apple-Stil

Ersetze [PRODUKT] und [LAUNCH-DATUM] mit deinen Infos.

Launch Landing Page fuer [PRODUKT].
Launch-Datum: [LAUNCH-DATUM].

Design: Bold und editorial. Grosse Typografie,
mutige Farbkombinationen, generative Gradients.
Inspiration: Apple Product Launch Pages.
Serif Display-Font fuer Headlines.

Sections:
1. Countdown-Timer (bis Launch)
2. Hero: Produktname + 1-Satz-Verheissung
3. Product-Showcase (3D-Mockup-Angle)
4. 'Why now' Story (Scrolltext)
5. Technische Specs (Zahlen-Bento-Grid)
6. Pre-Order CTA mit Email-Capture
7. Press / Reviews Zitate

Fuer die Hero: generiere ein abstraktes
visuelles Element passend zum Produkt.
08

Mobile App Prototype (iOS)

Interaktive Mockups · iOS 18

Ersetze [APP-IDEE] und [HAUPTFEATURE] mit deiner Vision.

Bau mir einen interaktiven iOS-Prototyp fuer
[APP-IDEE]. Hauptfeature: [HAUPTFEATURE].

Design: iOS 18 Design Language, SF Pro Font,
grosse weissen Flaechen, dezente Schatten,
12px Corner Radius. Akzentfarbe: [BRAND-FARBE].
Dark Mode und Light Mode.

Screens (alle verlinkt, navigierbar):
1. Onboarding (3 Screens Flow)
2. Login / Sign Up
3. Home (Tab Bar unten)
4. Hauptfeature-Screen
5. Profil / Settings
6. Detail-View mit Aktionen

Interaktivitaet:
- Alle Buttons klickbar
- Bottom Sheets oeffnen sich animiert
- Tab Bar navigiert zwischen Home/Profil
- Swipe-Gestures auf Cards

Export als shareable Link fuer User-Tests.
09

Web Dashboard Prototype

Linear-Inspired · Enterprise

Ersetze [TOOL] und [USER-ROLE] mit z.B. 'Analytics Tool' und 'Marketing Manager'.

Web Dashboard fuer [TOOL].
User-Role: [USER-ROLE].

Design: Modern SaaS Dashboard. Linear-Inspired.
Sidebar links, Main-Content rechts. Neutrale
Grautoene, ein Akzent: [BRAND-FARBE]. IBM Plex
Sans. Dichte Informations-Darstellung, keine
Playful-Elemente. Fuer Enterprise-User.

Layout:
- Sidebar: Logo, 6 Menu-Items, User-Avatar
- Top Bar: Breadcrumb, Search, Notifications
- Main: 4 KPI-Cards oben
- Darunter: Hauptchart (Recharts-Style)
- Rechts: Recent Activity Feed
- Unten: Data Table mit Filter + Pagination

Alle Interaktionen mockupen (Hover, Clicks,
Modal-Opens). Export nach Claude Code fuer
React-Implementation.
10

Sales One-Pager

B2B-Marketing · A4 · druckfertig

Ersetze [PRODUKT] und [ZIELKUNDE] mit deinen Angaben.

Bau mir einen Sales One-Pager fuer [PRODUKT].
Zielkunde: [ZIELKUNDE].

Design: Professionelles B2B-Marketing-Dokument.
A4, einseitig. Weisser Hintergrund, schwarze
Typografie, ein Akzent: [BRAND-FARBE].
Strukturiert aber nicht langweilig. Premium.

Sections von oben nach unten:
1. Header: Logo + Produktname + Tagline
2. Problem-Statement (2-3 Saetze)
3. Loesung + 3 Key Benefits (Icons + Text)
4. Case Study Zahl (gross hervorgehoben)
5. Wie es funktioniert (4-Step-Prozess)
6. Pricing Highlight
7. CTA mit Kontakt-QR-Code
8. Footer: Website + Kontakt

Exportiere als PDF druckfertig.
11

Data-Report Infografik

The-Economist-Stil · datenlastig

Ersetze [THEMA] und [DATEN] mit deinen Zahlen.

Erstelle eine Data-Report Infografik zu [THEMA].
Basierend auf folgenden Daten: [DATEN].

Design: Editorial Infographic im The-Economist-
Stil. Serifen-Headlines (Georgia oder Playfair),
serioes, datenlastig. Akzentfarben: Rot
(#D63031), Blau (#3B82F6), Gruen (#00B894).
Viel Weissraum.

Layout:
- Headline oben gross
- Subline mit Kernaussage
- 3 grosse Key-Stats als Hero-Numbers
- Hauptchart in der Mitte (Bar/Line)
- Seitenleiste mit 5 Fun-Facts
- Vergleichstabelle unten
- Quellenangabe im Footer klein

Print-optimiert. Export als PDF.
SKAILE Community · Early Access

Ich baue gerade eine Community für alle, die alles über Claude Code lernen wollen. Workshops, Q&A, alle Guides an einem Ort. Trag dich ein für Early Access.

Pro-Tipp · Bonus Prompt-Formel

Die Vier-Satz-Formel, die immer funktioniert.

Format: [WAS] für [ZIELGRUPPE]. Design: [STYLE-REFERENZ]. Struktur: [SECTIONS]. Export als [FORMAT]. Vier Sätze, fertig — direkt in claude.ai/design einfügen.

Format-Formel: [WAS] fuer [ZIELGRUPPE]. Design: [STYLE-REFERENZ]. Struktur: [SECTIONS]. Export als [FORMAT]. Beispiel: Pitch Deck fuer Seed-VCs. Design: Linear-Stil. Struktur: YC 10-Slide. Export als PPTX. Vier Saetze, fertig.
Community · Early Access

Werde Teil der SKAILE Community.

Ich baue gerade eine Community für alle, die alles über Claude Code lernen wollen. Workshops, Q&A, alle Guides an einem Ort. Trag dich ein für Early Access.