Skip to content
creative-portfolio-resume · claude-code-templates · Flowy
Balance visual design with ATS compatibility for creative roles. Use when the user is in design, art, writing, marketing creative, or any visual/creative field and needs a resume that looks distinctive but still parses.
One skill from claude-code-templates .
$ npx -y skills add davila7/claude-code-templates --skill creative-portfolio-resume --agent claude-codeInstalls just this skill. Get the whole plugin for auto-invocation.
⚡ How it fires
How this skill gets triggered: by you, by Claude, or both.
Fires itself Claude auto-loads it when your prompt matches the work. You can call it Invoke it directly when you want it. Slash command /creative-portfolio-resume👁️ Context preview
The summary Claude sees to decide when to auto-load this skill.
Balance visual design with ATS compatibility for creative roles. Use when the user is in design, art, writing, marketing creative, or any visual/creative field and needs a resume that looks distinctive but still parses. 📦 Ships with claude-code-templates
</> SKILL.md
creative-portfolio-resume.SKILL.md
---
name : creative-portfolio-resume
description : Balance visual design with ATS compatibility for creative roles. Use when the user is in design, art, writing, marketing creative, or any visual/creative field and needs a resume that looks distinctive but still parses.
---
# 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
Flowy AI Flows that just work. Hand-picked Claude Code plugins that fire the right skill as you prompt.
**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:
```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
© 2026 Flowy · Free and open source
Built for Claude Code · Not affiliated with Anthropic
