---
title: "Creative resume layout planner"
type: "skill"
url: "https://useaiblocks.com/skills/creative-resume-layout-planner"
updated: "2026-10-28"
first_published: "2026-10-25"
job: "Prepare job applications"
tested: true
licence: "MIT"
source: "https://github.com/davila7/claude-code-templates/tree/7d85535533914ff0880945570a94fcbec4adc042/cli-tool/components/skills/career/creative-portfolio-resume"
instructions: "https://useaiblocks.com/skills/creative-resume-layout-planner/SKILL.md"
---

# Creative resume layout planner

> Plan a creative resume that passes job portals and still looks designed. Get two layouts, type and colour choices, and links to your work.

Give it your resume, your creative field and your portfolio link. It plans a plain version for job portals and a designed version for direct sharing. You get type, colour and layout choices, and links to your best work.

Free skill for the job "Prepare job applications" · Level: beginner · Thinking: medium · Safety checked · Updated 2026-10-28

## Links

- Page: https://useaiblocks.com/skills/creative-resume-layout-planner
- Instructions (SKILL.md): https://useaiblocks.com/skills/creative-resume-layout-planner/SKILL.md
- All files (zip): https://useaiblocks.com/skills/creative-resume-layout-planner.zip
- JSON version: https://useaiblocks.com/skills/creative-resume-layout-planner.json
- In your AI: connect https://useaiblocks.com/mcp and ask "Use AI Blocks to get creative-resume-layout-planner"

## What it does

Share your creative field, resume and portfolio style. It plans a plain version for job portals and a designed version for direct sharing. You get layout, type and colour choices, plus clear links between your resume and your work samples.

## What you give it

- Your current resume, pasted or attached.
- Your creative field, such as design, writing, marketing or video.
- Where you plan to send it, such as job portals or direct email.
- Your portfolio link.
- Two or three work samples you want to link (optional).

## What you get

- A plan for a plain version and a designed version, with when to use each.
- Font, colour and layout choices for both versions.
- Advice on which work samples to link and how to word the links.
- A checklist to run before you send the resume.

## Example: what goes in and what comes out

### What goes in

- Your current resume (paste the text or attach the file)
- Your creative field, such as design, writing, marketing or video
- Where you will send it, such as job portals or direct email
- Your portfolio link
- Two or three work samples to link (optional)

### What comes out

- **Role type and industry**: Your creative field and whether you aim at agencies, in-house teams or freelance work.
- **Version strategy**: When to send the plain version and when to send the designed one, with file formats for each.
- **Design specifications: typography**: Headline, body and accent font choices with weight and size.
- **Design specifications: colors**: Primary, secondary and text colours with a use for each.
- **Design specifications: layout**: Single or two columns, margins and grid notes for each version.
- **Portfolio integration**: Your main portfolio link, which case studies to link, and whether to add a resume page to your site.
- **Content adjustments for your field**: Specific changes to your resume content that suit your creative role.
- **Creative resume checklist**: A final check of type, layout, colour and links before you send.

## Use it when

- You apply to creative jobs through online portals and worry the resume will not read well.
- A hiring manager asks for your resume and you want it to show your design eye.
- You are updating your portfolio site and want the resume to match it.
- You are not sure which resume version to send to an agency.

## Skip it when

- You need your resume text rewritten or scored for one job: ask your AI to edit your bullets directly, since this plan covers layout only.
- You have no resume yet and no portfolio: write the plain content first in a simple document, then come back.
- You want a finished file made for you: ask a designer, or build it in Canva, Figma or Word using the plan.

## How to use it

1. Open Claude, ChatGPT or Gemini and paste the skill text into a new chat. No code or paid tool is needed.
2. Paste your resume text and tell it your creative field and where you will apply.
3. Add your portfolio link and the two or three work samples you want to show.
4. Read the plan. Check that the plain version has one column, no images and simple fonts.
5. Build both versions in Word, Google Docs, Canva or Figma. Where a result sits in your resume, only add a number if you measured it.
6. Run the checklist, then send the plain version to portals and the designed version to people.

## What to do next

- [Resume version organizer](https://useaiblocks.com/skills/resume-version-organizer): Resume version organizer
- [Resume parsing checker](https://useaiblocks.com/skills/agency-engineering-ats-validator-architect): Resume parsing checker
- [Resume layout editor](https://useaiblocks.com/skills/resume-layout-editor): Resume layout editor
- [Applicant shortlist builder](https://useaiblocks.com/skills/applicant-shortlist-builder): Applicant shortlist builder
- [Product manager resume reviewer](https://useaiblocks.com/skills/product-manager-resume-reviewer): Product manager resume reviewer

## Sources and credits

- From Daniel (San) Ávila: https://github.com/davila7/claude-code-templates/tree/7d85535533914ff0880945570a94fcbec4adc042/cli-tool/components/skills/career/creative-portfolio-resume, shared under the MIT licence (original name: creative-portfolio-resume).
- [creative-portfolio-resume skill](https://github.com/davila7/claude-code-templates/tree/7d85535533914ff0880945570a94fcbec4adc042/cli-tool/components/skills/career/creative-portfolio-resume), Daniel (San) Ávila: Copied under the MIT licence. We gave it a plain name. We added Before you start and After this sections that link to other AI Blocks steps. We refreshed those generated sections from the catalogue inputs and next-step links.

## Instructions (SKILL.md)

## Creative Portfolio Resume

<!-- needs: written by tools/add-needs.mjs for AI Blocks; not part of the original skill. Edit that tool, not this section. -->
### Before you start
Use the material below to do this job. If facts or tool access are missing, explain what you can finish and what must wait.

**What you need** (use your own material or the linked skill):
- **Resumes or CVs** (yours): the resumes or CVs this job uses, pasted or attached.

**Makes it better (optional):**
- **Your question** (yours): the decision or problem, and what a good outcome looks like.

How to start:
1. **Look first.** Use what they've already attached, pasted or put in their about-me note. In a coding assistant with file access, look in the project too for these by name.
2. **Check what's missing.** Look for resumes or CVs, your question. They can attach files, paste the details, or share a file path your assistant can read. Ask only for missing facts that change the result. If they ask you to start with what they have, complete the parts you can and mark the gaps.
3. **Do the job.** Follow the skill below with the facts and tools you have. Mark each gap with `MISSING:` where it belongs and never invent a fact to fill it.
<!-- /needs -->

### 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 [your measured result, only if you tracked it]
  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]
```

<!-- next: written by tools/add-needs.mjs for AI Blocks; not part of the original skill. Edit that tool, not this section. -->
### After this
When you've handed it back, suggest what they could do next in one short question. It's a suggestion: if they're done, that's fine. Offer these, and say they can type their own:
- The [Resume version organizer](https://useaiblocks.com/skills/resume-version-organizer). It takes the resumes or CVs.
- The [Resume parsing checker](https://useaiblocks.com/skills/agency-engineering-ats-validator-architect). It takes the resumes or CVs.
- The [Resume layout editor](https://useaiblocks.com/skills/resume-layout-editor). It takes the resumes or CVs.
- The [Applicant shortlist builder](https://useaiblocks.com/skills/applicant-shortlist-builder). It takes the resumes or CVs.
- The [Product manager resume reviewer](https://useaiblocks.com/skills/product-manager-resume-reviewer). It takes the resumes or CVs.
If they pick one and that skill is added here, carry straight on with what you just made. If not, give the link and say what to bring.
<!-- /next -->

### Creative Resume Checklist

Run order: build both versions, check that every portfolio link opens, check readability, then send.

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