Skip to content
Content
Skill

/creative-portfolio-resume

Balance visual design with ATS compatibility for creative roles

From plugin
resumeskills
2.3k22 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
Stats
2,302
Stars
197
Forks
Maintained
Maintenance
MIT
License
3mo ago
Last commit
7mo ago
Created

Repo: paramchoudhary/resumeskills

Other skills on resumeskills.