/creative-portfolio-resume
Balance visual design with ATS compatibility for creative roles
$ npx -y skills add paramchoudhary/resumeskills --skill creative-portfolio-resume --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
- Slash command
/creative-portfolio-resume
Context preview
The summary Claude sees to decide when to auto-load this skill.
Balance visual design with ATS compatibility for creative roles
SKILL.md
creative-portfolio-resume.SKILL.mdname: creative-portfolio-resume
description: Balance visual design with ATS compatibility for creative roles
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
**The Solution:** Two-version approach: 1. **ATS-compatible version** for online applications 2. **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
**2. Clarity Over Cleverness**
- Information must still be findable
- Prioritize readability
- Save experimental design for portfolio pieces
**3. Brand Consistency**
- 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
**Color:**
- Brand color for accents
- High contrast for readability
- Limited palette (2-3 colors max)
- Consider print-friendly colors
**Layout:**
- Consider two-column (for designed version only)
- Strategic white space
- Clear visual hierarchy
- Consistent margins and gutters
**Visual Accents:**
- 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
**Resume Approach:**
- 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
**Resume 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
**Resume Approach:**
- 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
**Resume Approach:**
- Impeccable copy
- Strong bullets
- Zero errors
- Personality through writing
Photographers/Video
**Must Show:**
- Visual eye
- Production quality
- Technical skill
- Aesthetic sensibility
**Resume Approach:**
- 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:** 1. PDF download (designed version) 2. HTML resume page 3. Interactive resume experience 4. All of the above
**Best Practice:**
- 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)
Read more
name: creative-portfolio-resume description: Balance visual design with ATS compatibility for creative roles
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
**The Solution:** Two-version approach: 1. **ATS-compatible version** for online applications 2. **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
**2. Clarity Over Cleverness**
- Information must still be findable
- Prioritize readability
- Save experimental design for portfolio pieces
**3. Brand Consistency**
- 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
**Color:**
- Brand color for accents
- High contrast for readability
- Limited palette (2-3 colors max)
- Consider print-friendly colors
**Layout:**
- Consider two-column (for designed version only)
- Strategic white space
- Clear visual hierarchy
- Consistent margins and gutters
**Visual Accents:**
- 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
**Resume Approach:**
- 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
**Resume 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
**Resume Approach:**
- 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
**Resume Approach:**
- Impeccable copy
- Strong bullets
- Zero errors
- Personality through writing
Photographers/Video
**Must Show:**
- Visual eye
- Production quality
- Technical skill
- Aesthetic sensibility
**Resume Approach:**
- 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:** 1. PDF download (designed version) 2. HTML resume page 3. Interactive resume experience 4. All of the above
**Best Practice:**
- 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)
A collection of AI agent skills focused on resume optimization, job applications, and career development.
Other skills on resumeskills.
- /academic-cv-builder
Format CVs for academic positions with publications, grants, and teaching
Open skill - /application-form-filler
Fill out job application form fields with context-aware, tailored answers drawn from the candidate's CV and the job description
Open skill - /career-changer-translator
Translate skills from one industry to another, identify transferable skills
Open skill - /cold-email-writer
Write personalized cold outreach emails to hiring managers and founders — specific, human, not a pitch deck
Open skill - /cover-letter-generator
Create personalized, compelling cover letters from resume and job description
Open skill - /executive-resume-writer
Create C-suite and VP level resumes emphasizing strategic leadership
Open skill

