Creative portfolio resume
Balance visual design with ATS compatibility for creative roles
How to use it
- Hit Copy the whole skill.
- Claude: ⋯ → Download .md, then Customize → Skills → Add → Upload skill.
ChatGPT: make a Project and paste it into Instructions.
Neither? Paste it at the top of a new chat — it works for that chat. - Describe your job in plain words. The AI follows the skill from there.
Claude Code — installs the whole folder, not just SKILL.md
npx degit Paramchoudhary/ResumeSkills/skills/creative-portfolio-resume#main ~/.claude/skills/creative-portfolio-resumeFor one project only, change the path to .claude/skills/creative-portfolio-resume.
Not working?
- Check which app you pasted it into — the steps above name the right one.
- Some skills need the paid tier of Claude or ChatGPT.
Paste into Claude, ChatGPT or Cursor.
Show the full text332 lines
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:
- ATS-compatible version for online applications
- 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:
- PDF download (designed version)
- HTML resume page
- Interactive resume experience
- 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)
- Adobe Illustrator (vector-based)
- Sketch (Mac option)
Simpler Options:
- Canva (templates available)
- Google Docs (limited but ATS-safe)
- Microsoft Word (surprisingly capable)
Avoid:
- PowerPoint/Keynote (not designed for this)
- Random online resume builders
- Heavy templates that obscure content
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
| 1 | |
| 2 | name creative-portfolio-resume |
| 3 | description Balance visual design with ATS compatibility for creative roles |
| 4 | |
| 5 | |
| 6 | # Creative Portfolio Resume |
| 7 | |
| 8 | ## When to Use This Skill |
| 9 | |
| 10 | Use this skill when the user: |
| 11 | Works in a creative field (design, marketing, writing) |
| 12 | Needs to balance visual design with ATS compatibility |
| 13 | Wants to showcase creative skills through resume design |
| 14 | Is building a portfolio resume for creative roles |
| 15 | Mentions: "creative resume", "designer resume", "visual resume", "portfolio resume", "creative field" |
| 16 | |
| 17 | ## Core Capabilities |
| 18 | |
| 19 | Balance visual appeal with ATS compatibility |
| 20 | Design resumes for creative roles |
| 21 | Integrate portfolio elements with resume content |
| 22 | Advise on when to use creative vs. traditional formats |
| 23 | Guide visual hierarchy and design choices |
| 24 | Connect resume to portfolio effectively |
| 25 | |
| 26 | ## The Creative Resume Dilemma |
| 27 | |
| 28 | **The Problem:** |
| 29 | Creative professionals want to show design skills through their resume |
| 30 | But most applications go through ATS systems |
| 31 | Overly designed resumes often fail ATS parsing |
| 32 | |
| 33 | **The Solution:** |
| 34 | Two-version approach: |
| 35 | **ATS-compatible version** for online applications |
| 36 | **Designed version** for portfolio, networking, direct submissions |
| 37 | |
| 38 | ## When to Use Each Version |
| 39 | |
| 40 | ### Use ATS-Compatible Version When: |
| 41 | Applying through online portals |
| 42 | Submitting to job boards |
| 43 | Resume will be parsed by software |
| 44 | You're unsure how it will be processed |
| 45 | |
| 46 | ### Use Designed Version When: |
| 47 | Networking events |
| 48 | Direct email to hiring manager |
| 49 | Portfolio website |
| 50 | In-person interviews |
| 51 | Creative agencies that expect visual resumes |
| 52 | When specifically told ATS isn't used |
| 53 | |
| 54 | ## ATS-Compatible Creative Resume |
| 55 | |
| 56 | Even the ATS version can show creativity through: |
| 57 | |
| 58 | ### Subtle Design Elements |
| 59 | Strategic use of white space |
| 60 | Clean typography hierarchy |
| 61 | Thoughtful content organization |
| 62 | Strong copywriting |
| 63 | Polished, professional appearance |
| 64 | |
| 65 | ### Safe Creative Touches |
| 66 | ✅ Custom professional font (ATS-safe ones) |
| 67 | ✅ Strategic bold and italic |
| 68 | ✅ Clean section dividers (simple lines) |
| 69 | ✅ Consistent, intentional spacing |
| 70 | ✅ Color in your name/headers (sparing) |
| 71 | ✅ Hyperlinks to portfolio |
| 72 | |
| 73 | ### Still Avoid |
| 74 | ❌ Multiple columns |
| 75 | ❌ Text boxes |
| 76 | ❌ Images or icons |
| 77 | ❌ Tables for layout |
| 78 | ❌ Unusual fonts |
| 79 | ❌ Graphics or skill bars |
| 80 | |
| 81 | ## Designed Portfolio Resume |
| 82 | |
| 83 | ### Design Principles |
| 84 | |
| 85 | **1. Show, Don't Just Tell** |
| 86 | Your resume IS a design sample |
| 87 | Typography choices matter |
| 88 | Layout demonstrates design thinking |
| 89 | Details show attention to craft |
| 90 | |
| 91 | **2. Clarity Over Cleverness** |
| 92 | Information must still be findable |
| 93 | Prioritize readability |
| 94 | Save experimental design for portfolio pieces |
| 95 | |
| 96 | **3. Brand Consistency** |
| 97 | Match your portfolio website |
| 98 | Consistent color palette |
| 99 | Unified visual identity |
| 100 | |
| 101 | ### Visual Elements to Consider |
| 102 | |
| 103 | **Typography:** |
| 104 | Headline font (display, personality) |
| 105 | Body font (readable, professional) |
| 106 | Size hierarchy (name > sections > body) |
| 107 | Line height and letter spacing |
| 108 | |
| 109 | **Color:** |
| 110 | Brand color for accents |
| 111 | High contrast for readability |
| 112 | Limited palette (2-3 colors max) |
| 113 | Consider print-friendly colors |
| 114 | |
| 115 | **Layout:** |
| 116 | Consider two-column (for designed version only) |
| 117 | Strategic white space |
| 118 | Clear visual hierarchy |
| 119 | Consistent margins and gutters |
| 120 | |
| 121 | **Visual Accents:** |
| 122 | Icons (if used, consistently) |
| 123 | Dividers and rules |
| 124 | Subtle background elements |
| 125 | Your logo/personal brand mark |
| 126 | |
| 127 | ## Creative Field-Specific Guidance |
| 128 | |
| 129 | ### Graphic Designers |
| 130 | |
| 131 | **Must Show:** |
| 132 | Typography skills |
| 133 | Layout and composition |
| 134 | Visual hierarchy |
| 135 | Attention to detail |
| 136 | |
| 137 | **Resume Approach:** |
| 138 | Your resume IS a portfolio piece |
| 139 | Clean, sophisticated design |
| 140 | Show range through subtle choices |
| 141 | Link to portfolio for variety |
| 142 | |
| 143 | ### UX/Product Designers |
| 144 | |
| 145 | **Must Show:** |
| 146 | Information architecture skills |
| 147 | User-centered thinking |
| 148 | Clear visual hierarchy |
| 149 | Systematic approach |
| 150 | |
| 151 | **Resume Approach:** |
| 152 | Scannable, organized structure |
| 153 | Clear content hierarchy |
| 154 | User (recruiter) focused organization |
| 155 | Link to case studies |
| 156 | |
| 157 | ### Marketing/Brand |
| 158 | |
| 159 | **Must Show:** |
| 160 | Brand thinking |
| 161 | Storytelling ability |
| 162 | Strategic communication |
| 163 | Attention to audience |
| 164 | |
| 165 | **Resume Approach:** |
| 166 | On-brand visual identity |
| 167 | Compelling narrative flow |
| 168 | Strategic content choices |
| 169 | Proof points for claims |
| 170 | |
| 171 | ### Writers/Content |
| 172 | |
| 173 | **Must Show:** |
| 174 | Writing quality |
| 175 | Editing precision |
| 176 | Clear communication |
| 177 | Voice and style |
| 178 | |
| 179 | **Resume Approach:** |
| 180 | Impeccable copy |
| 181 | Strong bullets |
| 182 | Zero errors |
| 183 | Personality through writing |
| 184 | |
| 185 | ### Photographers/Video |
| 186 | |
| 187 | **Must Show:** |
| 188 | Visual eye |
| 189 | Production quality |
| 190 | Technical skill |
| 191 | Aesthetic sensibility |
| 192 | |
| 193 | **Resume Approach:** |
| 194 | Clean, uncluttered design |
| 195 | Strong portfolio link |
| 196 | Quality over quantity |
| 197 | Let portfolio speak |
| 198 | |
| 199 | ## Portfolio Integration |
| 200 | |
| 201 | ### On the Resume |
| 202 | |
| 203 | **Link to Portfolio:** |
| 204 | |
| 205 | Portfolio: yourname.com |
| 206 | |
| 207 | |
| 208 | **Link to Specific Work:** |
| 209 | |
| 210 | • Redesigned checkout flow, increasing conversion by 40% |
| 211 | Case Study: yourname.com/checkout |
| 212 | |
| 213 | |
| 214 | ### Portfolio Website Resume Page |
| 215 | |
| 216 | **Options:** |
| 217 | PDF download (designed version) |
| 218 | HTML resume page |
| 219 | Interactive resume experience |
| 220 | All of the above |
| 221 | |
| 222 | **Best Practice:** |
| 223 | Offer PDF download for convenience |
| 224 | Ensure web version is responsive |
| 225 | Keep updated with main resume |
| 226 | |
| 227 | ## Design Execution Tips |
| 228 | |
| 229 | ### Typography Checklist |
| 230 | [ ] Name is largest element |
| 231 | [ ] Clear hierarchy (3-4 levels max) |
| 232 | [ ] Body text is 10-12pt minimum |
| 233 | [ ] Line height allows breathing room |
| 234 | [ ] No more than 2 font families |
| 235 | [ ] Fonts complement each other |
| 236 | |
| 237 | ### Layout Checklist |
| 238 | [ ] Clear sections and flow |
| 239 | [ ] Consistent margins throughout |
| 240 | [ ] Adequate white space |
| 241 | [ ] Elements align to grid |
| 242 | [ ] Visual balance achieved |
| 243 | [ ] Scannable in 6 seconds |
| 244 | |
| 245 | ### Color Checklist |
| 246 | [ ] Limited palette (2-3 colors) |
| 247 | [ ] High contrast for text |
| 248 | [ ] Accessible color choices |
| 249 | [ ] Prints well in B&W |
| 250 | [ ] Consistent with personal brand |
| 251 | [ ] Professional appearance |
| 252 | |
| 253 | ## Tools for Designed Resumes |
| 254 | |
| 255 | **Design Software:** |
| 256 | Adobe InDesign (best for layout) |
| 257 | Figma (good for web-native) |
| 258 | Adobe Illustrator (vector-based) |
| 259 | Sketch (Mac option) |
| 260 | |
| 261 | **Simpler Options:** |
| 262 | Canva (templates available) |
| 263 | Google Docs (limited but ATS-safe) |
| 264 | Microsoft Word (surprisingly capable) |
| 265 | |
| 266 | **Avoid:** |
| 267 | PowerPoint/Keynote (not designed for this) |
| 268 | Random online resume builders |
| 269 | Heavy templates that obscure content |
| 270 | |
| 271 | ## Output Format |
| 272 | |
| 273 | When creating a creative resume: |
| 274 | |
| 275 | |
| 276 | # CREATIVE RESUME STRATEGY |
| 277 | |
| 278 | ## Role Type: [Design/Marketing/Creative] |
| 279 | ## Industry: [Agency/In-house/Freelance] |
| 280 | |
| 281 | ## Version Strategy |
| 282 | |
| 283 | ### Version 1: ATS-Compatible |
| 284 | **Use for:** Online applications, job boards |
| 285 | **Format:** .docx and .pdf |
| 286 | **Design level:** Clean and professional, minimal embellishment |
| 287 | |
| 288 | ### Version 2: Designed |
| 289 | **Use for:** Portfolio, networking, direct outreach |
| 290 | **Format:** .pdf (print-quality) |
| 291 | **Design level:** Full creative treatment |
| 292 | |
| 293 | ## Design Specifications |
| 294 | |
| 295 | ### Typography |
| 296 | - Headline: [Font name, weight, size] |
| 297 | - Body: [Font name, weight, size] |
| 298 | - Accent: [Font name, use case] |
| 299 | |
| 300 | ### Colors |
| 301 | - Primary: [Hex code] - [Use case] |
| 302 | - Secondary: [Hex code] - [Use case] |
| 303 | - Text: [Hex code] |
| 304 | |
| 305 | ### Layout |
| 306 | - Format: [Single column / Two column] |
| 307 | - Margins: [Specifications] |
| 308 | - Grid: [If applicable] |
| 309 | |
| 310 | ## Portfolio Integration |
| 311 | - Main portfolio link: [URL] |
| 312 | - Case studies to highlight: [List] |
| 313 | - Resume page on portfolio: [Y/N] |
| 314 | |
| 315 | ## Content Adjustments for Creative Field |
| 316 | - [Specific content recommendation] |
| 317 | - [Specific content recommendation] |
| 318 | |
| 319 | |
| 320 | ## Creative Resume Checklist |
| 321 | |
| 322 | ✅ Have both ATS and designed versions |
| 323 | ✅ Design demonstrates relevant skills |
| 324 | ✅ Content is still clear and scannable |
| 325 | ✅ Portfolio is prominently linked |
| 326 | ✅ Visual identity is consistent |
| 327 | ✅ Typography is professional |
| 328 | ✅ Colors are accessible and print-friendly |
| 329 | ✅ File is optimized for sharing (reasonable size) |
| 330 | ✅ Content quality matches design quality |
| 331 | ✅ Resume is a worthy portfolio piece |
| 332 |
Discussion
Alternatives
Also in Trading modelsNetworking engineer portfolio websiteCreate a professional and personalized portfolio website for a networking engineer to showcase skills, projects, and experience.Defi protocol templatesImplement DeFi protocols with production-ready templates for staking, AMMs, governance, and flash loans. Use when building decentralized finance applications or smart contract protocols.Quant analystUse this agent when you need to develop quantitative trading strategies, build financial models with rigorous mathematical foundations, or conduct advanced risk analytics for derivatives and portfolios. Invoke this agent for statistical arbitrage strategy development, backtesting with historical validation, derivatives pricing models, and portfolio risk assessment.Portfolio case study writerTransform resume bullets into detailed portfolio case studies