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
Minimal Designer Portfolio
Clean, minimalist portfolio for UI/UX designers
Create a minimal portfolio website for a UI/UX designer:
1. OVERALL STYLE
- Dark theme (#0a0a0a background)
- Minimal, lots of whitespace
- Smooth scroll animations
- Accent color: subtle white or single brand color
- Typography: Clean sans-serif (Inter or similar)
2. HERO SECTION
- Full viewport height
- Large name/logo (animated text reveal)
- One-line tagline: "UI/UX Designer crafting digital experiences"
- Subtle scroll indicator at bottom
- Optional: Abstract geometric background animation
3. ABOUT SECTION
- Professional photo (with subtle hover effect)
- Brief bio (3-4 sentences max)
- Current status: "Available for freelance"
- Location with timezone
- Download resume link
4. WORK/PROJECTS SECTION
Grid layout (2 columns on desktop):
- Each project: Large thumbnail image
- Project title (appears on hover)
- Category tag (App Design, Web Design, Branding)
- Hover effect: Image scales up, overlay with "View Project"
- Click opens project detail page
5. PROJECT DETAIL PAGE
- Full-width hero image
- Project title and year
- Role and duration
- Client name
- Challenge/Solution/Result sections
- Image gallery with lightbox
- Next/Previous project navigation
6. SKILLS SECTION
- Simple list or tag cloud
- Categories: Design (Figma, Sketch), Prototyping (Framer, Principle), Research (User Testing, Analytics)
- No progress bars (they're meaningless)
7. CONTACT SECTION
- "Let's work together"
- Email link (mailto:)
- Social links (LinkedIn, Dribbble, Twitter)
- Optional: Simple contact form
8. FOOTER
- Copyright
- "Designed and built by [Name]"
Animations: Use subtle fade-ins and slide-ups on scroll. Keep it elegant, not flashy.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 Minimal Designer 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 minimal designer 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