Skip to content
Content
Skill

/creative-portfolio-resume

Balance visual design with ATS compatibility for creative roles

From plugin
resumeskills
1.5k22 skills
Install
$ npx -y skills add paramchoudhary/resumeskills --skill creative-portfolio-resume --agent claude-code

How 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.md
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)
Read more
Ships withresumeskills

A collection of AI agent skills focused on resume optimization, job applications, and career development.

Get the whole plugin