How to use a portfolio prompt with Claude / Claude Code
In Claude, paste the brief with your role, two or three real projects, approved screenshots and the intended audience. Ask for a page outline first, then a working draft. Replace every placeholder and check all claims.
In Claude Code, start in your project directory. Ask it to read repository instructions, inspect the framework and reuse existing components. Build one complete case study before expanding. Run the project checks and review mobile layout, keyboard navigation, asset rights and the contact flow.
Updated
Minimal Designer Portfolio
Clean, minimalist portfolio for UI/UX designers
The prompt
Copy, personalize, and paste into your preferred AI tool
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.How to use this prompt
- 1 Click the "Copy Prompt" button above to copy the full prompt to your clipboard
- 2 Open ChatGPT, Claude, or your preferred AI assistant
- 3 Paste the prompt and customize any placeholder text (like product names or brand colors)
- 4 Let the AI generate your website code or design specifications
About this Portfolio Prompt
This Minimal Designer Portfolio prompt is designed to help you quickly create professional portfolio websites using AI tools like ChatGPT, Claude, v0 by Vercel, Cursor, and Bolt.new.
Whether you're a developer, designer, or entrepreneur, this free AI prompt gives you a head start on building minimal designer portfolio. Simply copy the prompt, paste it into your favorite AI coding assistant, and customize it to match your brand.
Compatible AI Tools
- ChatGPT (GPT-4) - Great for detailed code generation and explanations
- Claude 3 - Excellent for complex, nuanced website designs
- v0 by Vercel - Perfect for React and Next.js components
- Cursor - Ideal for AI-powered coding in your IDE
- Bolt.new - Quick prototyping and full-stack apps
- Lovable - User-friendly AI website builder