Balance visual design with ATS compatibility for creative roles
Scanned 9/20/2026
Install to Claude Code
npx -y skills add tstapler/dotfiles --skill creative-portfolio-resume --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Creative Portfolio Resume?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/tstapler-creative-portfolio-resume)More formats (shields.io, HTML) on the badges page.
---
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
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:
```markdown
# 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
| Skill | When to apply |
|-------|--------------|
| `resume-ats-optimizer` | Validate ATS-compatible version before submission |
| `resume-formatter` | Apply clean layout rules to the ATS version |
| `resume-bullet-writer` | Strengthen achievement bullets in both versions |
| `portfolio-case-study-writer` | Expand portfolio project bullets into full case studies |
| `job-description-analyzer` | Match creative resume content to specific role requirements |
| `resume-tailor` | Adjust content and emphasis per creative job posting |
| `linkedin-profile-optimizer` | Sync portfolio links and creative brand to LinkedIn |
| `pdf-proof` | Proofread designed version before sharing or printing |
| `writing-humanize` | Make AI-drafted copy in the resume sound authentic |
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!