Creative Portfolio Resume
Balance visual design with ATS compatibility for creative roles. Use when the user is in design, art, writing, marketing creative, or any visual/creative field and needs a resume that looks distinctive but still parses.
$ npx claude-code-templates@latest --skill="career/creative-portfolio-resume" --yesRequires Claude Code. The command adds this skill to your project's .claudedirectory — nothing runs on ToolZip's servers.
What's inside this skill
Component source
Creative Portfolio Resume
When to Use This Skill
Use this skill when the user:
- Works in a creative field (design, marketing, writing)
- Needs to balance visual design with ATS compatibility
- Wants to showcase creative skills through resume design
- Is building a portfolio resume for creative roles
- Mentions: "creative resume", "designer resume", "visual resume", "portfolio resume", "creative field"
Core Capabilities
- Balance visual appeal with ATS compatibility
- Design resumes for creative roles
- Integrate portfolio elements with resume content
- Advise on when to use creative vs. traditional formats
- Guide visual hierarchy and design choices
- Connect resume to portfolio effectively
The Creative Resume Dilemma
The Problem:- Creative professionals want to show design skills through their resume
- But most applications go through ATS systems
- Overly designed resumes often fail ATS parsing
Two-version approach:
- ATS-compatible version for online applications
- Designed version for portfolio, networking, direct submissions
When to Use Each Version
Use ATS-Compatible Version When:
- Applying through online portals
- Submitting to job boards
- Resume will be parsed by software
- You're unsure how it will be processed
Use Designed Version When:
- Networking events
- Direct email to hiring manager
- Portfolio website
- In-person interviews
- Creative agencies that expect visual resumes
- When specifically told ATS isn't used
ATS-Compatible Creative Resume
Even the ATS version can show creativity through:
Subtle Design Elements
- Strategic use of white space
- Clean typography hierarchy
- Thoughtful content organization
- Strong copywriting
- Polished, professional appearance
Safe Creative Touches
- ✅ Custom professional font (ATS-safe ones)
- ✅ Strategic bold and italic
- ✅ Clean section dividers (simple lines)
- ✅ Consistent, intentional spacing
- ✅ Color in your name/headers (sparing)
- ✅ Hyperlinks to portfolio
Still Avoid
- ❌ Multiple columns
- ❌ Text boxes
- ❌ Images or icons
- ❌ Tables for layout
- ❌ Unusual fonts
- ❌ Graphics or skill bars
Designed Portfolio Resume
Design Principles
1. Show, Don't Just Tell- Your resume IS a design sample
- Typography choices matter
- Layout demonstrates design thinking
- Details show attention to craft
- Information must still be findable
- Prioritize readability
- Save experimental design for portfolio pieces
- Match your portfolio website
- Consistent color palette
- Unified visual identity
Visual Elements to Consider
Typography:- Headline font (display, personality)
- Body font (readable, professional)
- Size hierarchy (name > sections > body)
- Line height and letter spacing
- Brand color for accents
- High contrast for readability
- Limited palette (2-3 colors max)
- Consider print-friendly colors
- Consider two-column (for designed version only)
- Strategic white space
- Clear visual hierarchy
- Consistent margins and gutters
- Icons (if used, consistently)
- Dividers and rules
- Subtle background elements
- Your logo/personal brand mark
Creative Field-Specific Guidance
Graphic Designers
Must Show:- Typography skills
- Layout and composition
- Visual hierarchy
- Attention to detail
- Your resume IS a portfolio piece
- Clean, sophisticated design
- Show range through subtle choices
- Link to portfolio for variety
UX/Product Designers
Must Show:- Information architecture skills
- User-centered thinking
- Clear visual hierarchy
- Systematic approach
- Scannable, organized structure
- Clear content hierarchy
- User (recruiter) focused organization
- Link to case studies
Marketing/Brand
Must Show:- Brand thinking
- Storytelling ability
- Strategic communication
- Attention to audience
- On-brand visual identity
- Compelling narrative flow
- Strategic content choices
- Proof points for claims
Writers/Content
Must Show:- Writing quality
- Editing precision
- Clear communication
- Voice and style
- Impeccable copy
- Strong bullets
- Zero errors
- Personality through writing
Photographers/Video
Must Show:- Visual eye
- Production quality
- Technical skill
- Aesthetic sensibility
- Clean, uncluttered design
- Strong portfolio link
- Quality over quantity
- Let portfolio speak
Portfolio Integration
On the Resume
Link to Portfolio:Portfolio: yourname.com
Link to Specific Work:
• Redesigned checkout flow, increasing conversion by 40%
Case Study: yourname.com/checkout
Portfolio Website Resume Page
Options:- PDF download (designed version)
- HTML resume page
- Interactive resume experience
- All of the above
- Offer PDF download for convenience
- Ensure web version is responsive
- Keep updated with main resume
Design Execution Tips
Typography Checklist
- Name is largest element
- Clear hierarchy (3-4 levels max)
- Body text is 10-12pt minimum
- Line height allows breathing room
- No more than 2 font families
- Fonts complement each other
Layout Checklist
- Clear sections and flow
- Consistent margins throughout
- Adequate white space
- Elements align to grid
- Visual balance achieved
- Scannable in 6 seconds
Color Checklist
- Limited palette (2-3 colors)
- High contrast for text
- Accessible color choices
- Prints well in B&W
- Consistent with personal brand
- Professional appearance
Tools for Designed Resumes
Design Software:- Adobe InDesign (best for layout)
- Figma (good for web-native)
- Adobe Illustrator (vector-based)
- Sketch (Mac option)
- Canva (templates available)
- Google Docs (limited but ATS-safe)
- Microsoft Word (surprisingly capable)
- PowerPoint/Keynote (not designed for this)
- Random online resume builders
- Heavy templates that obscure content
Output Format
When creating a creative resume:
# CREATIVE RESUME STRATEGY
## Role Type: [Design/Marketing/Creative]
## Industry: [Agency/In-house/Freelance]
## Version Strategy
### Version 1: ATS-Compatible
**Use for:** Online applications, job boards
**Format:** .docx and .pdf
**Design level:** Clean and professional, minimal embellishment
### Version 2: Designed
**Use for:** Portfolio, networking, direct outreach
**Format:** .pdf (print-quality)
**Design level:** Full creative treatment
## Design Specifications
### Typography
- Headline: [Font name, weight, size]
- Body: [Font name, weight, size]
- Accent: [Font name, use case]
### Colors
- Primary: [Hex code] - [Use case]
- Secondary: [Hex code] - [Use case]
- Text: [Hex code]
### Layout
- Format: [Single column / Two column]
- Margins: [Specifications]
- Grid: [If applicable]
## Portfolio Integration
- Main portfolio link: [URL]
- Case studies to highlight: [List]
- Resume page on portfolio: [Y/N]
## Content Adjustments for Creative Field
- [Specific content recommendation]
- [Specific content recommendation]
Creative Resume Checklist
- ✅ Have both ATS and designed versions
- ✅ Design demonstrates relevant skills
- ✅ Content is still clear and scannable
- ✅ Portfolio is prominently linked
- ✅ Visual identity is consistent
- ✅ Typography is professional
- ✅ Colors are accessible and print-friendly
- ✅ File is optimized for sharing (reasonable size)
- ✅ Content quality matches design quality
- ✅ Resume is a worthy portfolio piece
Related Claude Code Skills
Linkedin Profile Optimizer
Optimize a LinkedIn profile for searchability, recruiter visibility, and engagement. Use when the user mentions LinkedIn profile, headline, About section, recruiter visibility, or social hiring.
Interview Prep Generator
Generate STAR stories, practice questions, and talking points from a resume. Use when the user mentions interview prep, behavioral questions, STAR method, mock interview, or preparing for an upcoming interview.
Tech Resume Optimizer
Optimize resumes for software engineering, product management, and technical roles. Use when the user mentions software engineer, developer, PM, data scientist, ML, DevOps, or other technical role resumes.
Academic Cv Builder
Format CVs for academic positions, including publications, grants, teaching, and research experience. Use when the user mentions academic CV, faculty job, tenure-track, postdoc, PhD, research position, or needs to list publications, grants, conferences, or teaching.
Job Description Analyzer
Analyze job postings, calculate match scores, identify gaps, and create an application strategy. Use when the user shares a job description or asks to evaluate fit, match score, or gaps against a posting.
Career Changer Translator
Translate skills from one industry to another and identify transferable skills for career pivots. Use when the user mentions changing careers, switching industries, career pivot, transferable skills, or moving from one field to another.
Catalog data and component content are sourced from the open-source davila7/claude-code-templates project (MIT license). ToolZip curates the listing and writes original descriptions; every component links back to its original source. Claude Code is a product of Anthropic. ToolZip is an independent catalog and is not affiliated with or endorsed by Anthropic.