Creative portfolio resume

Balance visual design with ATS compatibility for creative roles

How to use it

  1. Hit Copy the whole skill.
  2. 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.
  3. 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-resume

For 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.
Step-by-step guide with screenshots · Ask in the forum

Paste into Claude, ChatGPT or Cursor.

Show the full text332 lines
creative-portfolio-resume/SKILL.md332 lines7.7 KBpushed 189d agoRawView on GitHub

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)
  • 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---
2name: creative-portfolio-resume
3description: Balance visual design with ATS compatibility for creative roles
4---
5 
6# Creative Portfolio Resume
7 
8## When to Use This Skill
9 
10Use 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:**
34Two-version approach:
351. **ATS-compatible version** for online applications
362. **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 
56Even 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```
205Portfolio: 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:**
2171. PDF download (designed version)
2182. HTML resume page
2193. Interactive resume experience
2204. 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 
273When creating a creative resume:
274 
275```markdown
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 models