New: Earn 20% as an AgentAlley affiliate. Share your link and earn on every sale you refer. Join now New: Earn 20% as an affiliate. Join now

Balance visual design with ATS compatibility for creative

Creative portfolio resume

by Paramchoudhary · MIT license · ★ 2,406 on GitHub · updated Jun 19

Creative portfolio resume cover

Balance visual design with ATS compatibility for creative roles

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

Overview

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"

Manual install (npx, ZIP)
Claude Codenpx skills add Paramchoudhary/ResumeSkills --skill creative-portfolio-resume -g -a claude-code
Claude Code (manual)mkdir -p ~/.claude/skills && curl -sL https://codeload.github.com/Paramchoudhary/ResumeSkills/tar.gz/74ae19e7c62b \ | tar -xz -C ~/.claude/skills --strip-components=2 ResumeSkills-74ae19e7c62b/skills/creative-portfolio-resume
Windows (PowerShell)New-Item -ItemType Directory -Force "$HOME\.claude\skills" | Out-Null; Invoke-WebRequest "https://m.agentalley.io/zip/146e86995aa6c4362a7c/creative-portfolio-resume.zip" -OutFile "$env:TEMP\creative-portfolio-resume.zip"; Expand-Archive "$env:TEMP\creative-portfolio-resume.zip" -DestinationPath "$HOME\.claude\skills" -Force
Claude.ai / desktopDownload the ZIP and upload it under Settings → Capabilities → Skills.
Codex, Cursor, other agentsPoint them at SKILL.md. The other files are plain text.

Connects with Agent Alley MCP · agentalley.io/mcp

Files included

  • SKILL.md7.7 KB
Read the files here
Paramchoudhary/74ae19e1 file
SKILL.md
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:

  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 
View all files on GitHub →

Details

Updated
Jun 19, 2026
License
MIT
Stars on the repo
★ 2,406
Checked
Source
Paramchoudhary/ResumeSkills ↗
Creator
Paramchoudhary · 20 listings
View creator

Similar skills

See all →
PromptCreate a professional and personalized portfolio websiteNetworking engineer portfolio websitef/prompts.chat · by AliHusham144Create a professional and personalized portfolio website for a networking engineer to showcase skills, projects, and experience.New listingMCPBuild financial models, backtest trading strategiesQuant analystwshobson/agents · by wshobsonBuild financial models, backtest trading strategies, and analyze market data. Implements risk metrics, portfolio optimization, and statistical arbitrage. Use PROACTIVELY for quantitative finance, trading algorithms, or risk analysis.★ 39.9k GitHub starsMCPMonitor portfolio risk, R-multiples, and position limitsRisk managerwshobson/agents · by wshobsonMonitor portfolio risk, R-multiples, and position limits. Creates hedging strategies, calculates expectancy, and implements stop-losses. Use PROACTIVELY for risk assessment, trade tracking, or portfolio protection.★ 39.9k GitHub starsSkillExpert in building portfolios that actually land jobsInteractive portfoliodavila7/claude-code-templates · by davila7Expert in building portfolios that actually land jobs and clients - not just showing work, but creating memorable experiences. Covers developer portfolios, designer portfolios, creative portfolios, and portfolios that convert visitors into opportunities. Use when: portfolio, personal website, showcase work, developer portfolio, designer portfolio.★ 32.3k GitHub starsMCPYou need to develop quantitative trading strategiesQuant analystVoltAgent/awesome-claude-code-subagents · by VoltAgentUse 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.★ 25.2k GitHub starsSkillRead Hyperliquid perp + spot market data via opencliHyperliquid Reader (Read-Only)himself65/finance-skills · by himself65Read Hyperliquid (app.hyperliquid.xyz) perp + spot market data via opencli (read-only, public info API). Use whenever the user wants Hyperliquid perpetual or spot markets, mark/oracle/mid prices, 24h change, funding rates (hourly or annualized APR), open interest, volume, the L2 order book, OHLCV candles, historical funding, or a cross-venue funding comparison (Hyperliquid vs Binance vs Bybit) for funding arbitrage. Triggers: "Hyperliquid funding for BTC", "HL perp markets", funding on BTC perp", "Hyperliquid order book", "HL open interest", funding arb Hyperliquid vs Binance", "Hyperliquid candles for SOL", Hyperliquid spot markets", "PURR price on Hyperliquid", "hyperliquid", hyperliquid.xyz", "HL DEX". READ-ONLY market data — no account, order, or trade operations.★ 3.3k GitHub stars

More from Paramchoudhary