Communitygithub.com

tstapler/dotfiles

Balance visual design with ATS compatibility for creative roles

What is dotfiles?

dotfiles is a Claude Code agent skill that balance visual design with ATS compatibility for creative roles.

Works with~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/tstapler/dotfiles/tree/HEAD/.claude/skills/creative-portfolio-resume

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

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

Typography, color, layout, and accent choices for the designed version are detailed in references/design-specifications.md, along with execution checklists and recommended design tools.

Creative Field-Specific Guidance

What each discipline's resume must demonstrate — Graphic Design, UX/Product Design, Marketing/Brand, Writing/Content, and Photography/Video — and the resume approach that best shows it is detailed in references/field-specific-guidance.md.

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

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 Skills

SkillWhen to apply
resume-ats-optimizerValidate ATS-compatible version before submission
resume-formatterApply clean layout rules to the ATS version
resume-bullet-writerStrengthen achievement bullets in both versions
portfolio-case-study-writerExpand portfolio project bullets into full case studies
job-description-analyzerMatch creative resume content to specific role requirements
resume-tailorAdjust content and emphasis per creative job posting
linkedin-profile-optimizerSync portfolio links and creative brand to LinkedIn
pdf-proofProofread designed version before sharing or printing
writing-humanizeMake AI-drafted copy in the resume sound authentic

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

Related Skills