Skip to content
Development
Skill

/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.

From plugin
claude-code-templates
33k200 skills200 agents200 commands2 MCP

Claude Code

$ npx -y skills add davila7/claude-code-templates --skill creative-portfolio-resume --agent claude-code

SKILL.md

creative-portfolio-resume.SKILL.md
name: creative-portfolio-resume
description: 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.

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 person
Read more
@davila7
Ships withclaude-code-templates

Open-source registry and CLI for Claude Code components: agents, commands, skills, hooks, MCPs, settings and mods

33k200 skills200 agents2 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
33.4k
Star history of davila7/claude-code-templates on GitHub, a chart by star-history.com

Other skills on claude-code-templates.

planning

planning

Create and manage persistent markdown planning files for structured task execution. Use when the user asks to "create a plan",…

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills12d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc2w293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react3d252k
@facebook@facebookInstall Skill

Questions about creative-portfolio-resume.

Which coding agents can use creative-portfolio-resume?
creative-portfolio-resume installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.