Portfolio-Prompts mit Claude / Claude Code verwenden
Füge in Claude das Briefing, deine Rolle, zwei oder drei echte Projekte, freigegebene Screenshots und die Zielgruppe ein. Bitte zuerst um eine Gliederung und dann um einen funktionierenden Entwurf. Ersetze Platzhalter und prüfe alle Aussagen.
Beginne mit Claude Code im Projektverzeichnis. Lass die Repository-Anweisungen und das Framework prüfen und vorhandene Komponenten verwenden. Vervollständige zuerst eine Fallstudie. Führe die Projektprüfungen aus und kontrolliere Mobilansicht, Tastaturbedienung, Bildrechte und Kontaktablauf.
Aktualisiert
Photographer Portfolio
Visual-first portfolio for photographers
Create a photography portfolio website:
1. DESIGN PRINCIPLES
- Images are the hero - minimal UI
- Full-bleed images where possible
- White or very dark background
- Minimal text, let photos speak
- Smooth transitions between images
2. HOMEPAGE OPTIONS
Option A - Full-screen slideshow:
- Auto-advancing hero images
- Photographer name overlay
- Subtle navigation dots
- "Enter" or scroll to continue
Option B - Grid masonry:
- Masonry layout of best work
- Mixed sizes for visual interest
- Hover to see category/title
- Click to open gallery
3. NAVIGATION
- Minimal fixed header
- Logo/name left
- Categories: Portrait | Landscape | Commercial | Personal
- Contact link
- Hamburger on mobile
4. GALLERY PAGES
Category page layout:
- Hero image for category
- Masonry grid below
- Infinite scroll or load more
- Filter by subcategory
Individual photo view:
- Full-screen lightbox
- Arrow navigation
- Image info (camera, settings) on toggle
- Download/Purchase option if selling
- Close button
5. ABOUT PAGE
- Large portrait photo
- Bio story (not just resume)
- Client logos (if commercial work)
- Awards/publications
- Equipment list (photographers love this)
- Personal philosophy on photography
6. SERVICES PAGE (if commercial)
- Types of shoots offered
- Starting prices or "Contact for quote"
- What's included
- Sample packages
- Booking calendar or inquiry form
7. CONTACT PAGE
- Inquiry form
- Name, email
- Type of shoot (dropdown)
- Preferred date
- Message
- Contact info
- Studio location with map (if applicable)
- Response time
8. TECHNICAL REQUIREMENTS
- Fast image loading (lazy load, progressive JPEGs)
- Image optimization
- Responsive images (srcset)
- Touch-friendly gallery on mobile
- Social sharing for individual photos
Design: Timeless, not trendy. The photos should be the star. Consider a horizontal scrolling option for certain galleries.So verwendest du diesen Prompt
- 1 Kopiere den Prompt oben
- 2 Füge ihn in dein Lieblings-KI-Tool ein (ChatGPT, Claude, v0, etc.)
- 3 Die KI generiert den Website-Code für dich
- 4 Passe an und iteriere nach deinen Bedürfnissen
Mehr Portfolio Prompts
3D Portfolio Website Prompt for Artists
Create a 3D artist portfolio with renders, production breakdowns and optional Three.js or WebGL viewers.
Architect Portfolio
Portfolio showcasing architectural projects
Data Scientist Portfolio
Build a data scientist portfolio that shows reproducible analysis and model evaluation.
Über diesen Portfolio Prompt
Dieser Photographer Portfolio Prompt wurde entwickelt, um dir zu helfen, schnell professionelle portfolio-Websites mit KI-Tools wie ChatGPT, Claude, v0 von Vercel, Cursor und Bolt.new zu erstellen.
Ob Entwickler, Designer oder Unternehmer - dieser kostenlose KI-Prompt gibt dir einen Vorsprung beim Erstellen von photographer portfolio. Kopiere einfach den Prompt, füge ihn in deinen bevorzugten KI-Coding-Assistenten ein und passe ihn an deine Marke an.
Kompatible KI-Tools
- ChatGPT (GPT-4) - Hervorragend für detaillierte Code-Generierung und Erklärungen
- Claude 3 - Ausgezeichnet für komplexe, nuancierte Website-Designs
- v0 von Vercel - Perfekt für React- und Next.js-Komponenten
- Cursor - Ideal für KI-gestütztes Coding in deiner IDE
- Bolt.new - Schnelles Prototyping und Full-Stack-Apps
- Lovable - Benutzerfreundlicher KI-Website-Builder