MCPInstall

creative-portfolio-resume

Balance visual design with ATS compatibility for creative roles

Installs
9.7K
Last 24h
+67
Trending rank
#2767
Security
Warn

Install

Works with every agent the skills CLI supports.

npx skills add https://github.com/paramchoudhary/resumeskills --skill creative-portfolio-resume
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads creative-portfolio-resume automatically when relevant.

  3. 03

    Review the result

    The agent follows the SKILL.md steps, scripts and references bundled with the skill.

Security audits

Independent scans of the skill's instructions and bundled files.

Gen Agent Trust Hub PassSAFE ·The creative-portfolio-resume skill provides career guidance and design strategies for job seekers. It contains no executable code, remote dependencies, or suspicious instructions, and is safe for use.
Socket PassNo alerts
Snyk PassLOW ·Risk: LOW · No issues
Runlayer WarnMEDIUM ·1/1 file flagged
ZeroLeaks PassLOW ·1 finding · Score: 86/100

SKILL.md

The instructions your agent reads when the skill is triggered.

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

FAQ

What does the creative-portfolio-resume skill do?

Balance visual design with ATS compatibility for creative roles

How do I install creative-portfolio-resume?

Run npx skills add https://github.com/paramchoudhary/resumeskills --skill creative-portfolio-resume in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/creative-portfolio-resume/ (personal) or .claude/skills/creative-portfolio-resume/ (project).

Which AI agents can use creative-portfolio-resume?

Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.

Is creative-portfolio-resume safe to install?

Security partners have reviewed it: Gen Agent Trust Hub passed; Socket passed; Snyk passed; Runlayer flagged items to review; ZeroLeaks passed. As with any skill, read the SKILL.md and bundled scripts before installing.

Who maintains creative-portfolio-resume?

It is published by paramchoudhary in paramchoudhary/resumeskills. It has 9,679 recorded installs.

More from paramchoudhary/resumeskills

View all →

resume-ats-optimizer

paramchoudhary/resumeskills

Optimize resumes for Applicant Tracking Systems, check ATS compatibility, and analyze keyword match

14K installs

linkedin-profile-optimizer

paramchoudhary/resumeskills

Optimize LinkedIn profile for searchability, recruiter visibility, and engagement

Marketing & SEO12.1K installs

resume-bullet-writer

paramchoudhary/resumeskills

Transform weak resume bullets into achievement-focused statements with metrics and impact

Docs & Writing12K installs

resume-tailor

paramchoudhary/resumeskills

Customize resume for specific job postings while maintaining truthfulness

11.1K installs

tech-resume-optimizer

paramchoudhary/resumeskills

Optimize resumes for software engineering, PM, and technical roles

11K installs

job-description-analyzer

paramchoudhary/resumeskills

Analyze job postings, calculate match scores, identify gaps, and create application strategy

10.8K installs

Popular media & creative skills

View category →

hyperframes

heygen-com/hyperframes

Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips, title cards, captions and overlays. Holds the render contract, the work loop and what each kind of video needs.

Media & Creative1.2M installs

media-use

heygen-com/hyperframes

Get or make any media for a HyperFrames video - music, sound effects, images, icons, logos, voiceover, avatar and generated video, transcripts, cutouts, colour grades and looks - with HeyGen or free local tools, and mix placed audio. Also for footage that looks dark, flat or dull, or should be stylized or hidden.

Media & Creative1.1M installs

hyperframes-registry

heygen-com/hyperframes

About 450 ready-made HyperFrames blocks and components installed as editable source - transitions, overlays, titles, kinetic type, captions, charts, map overlays, 3D, camera moves. Use it before hand-building any named visual (CRT scanlines, glitch, film grain, a chart); also for hyperframes add and catalog.

Media & Creative1M installs

hyperframes-creative

heygen-com/hyperframes

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use hyperframes-animation.

Media & Creative916.5K installs

ai-video-generation

101-skills/superpowers

Generate AI videos with Google Veo, Seedance 2.0, HappyHorse, Wan, Grok and 40+ models via inference.sh CLI. Models: Veo 3.1, Veo 3, Seedance 2.0, HappyHorse 1.0, Wan 2.5, Grok Imagine Video, OmniHuman, Fabric, HunyuanVideo. Capabilities: text-to-video, image-to-video, reference-to-video, video editing, lipsync, avatar animation, video upscaling, foley sound. Use for: social media videos, marketing content, explainer videos, product demos, AI avatars. Triggers: video generation, ai video, text to video, image to video, veo, animate image, video from image, ai animation, video generator, generate video, t2v, i2v, ai video maker, create video with ai, runway alternative, pika alternative, sora alternative, kling alternative, seedance, happyhorse

Media & Creative881.5K installs

ai-image-generation

101-skills/superpowers

Generate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: GPT-Image-2, FLUX Dev LoRA, FLUX.2 Klein LoRA, Gemini 3 Pro Image, Grok Imagine, Seedream 4.5, Reve, ImagineArt. Capabilities: text-to-image, image-to-image, inpainting, LoRA, image editing, upscaling, text rendering. Use for: AI art, product mockups, concept art, social media graphics, marketing visuals, illustrations. Triggers: flux, image generation, ai image, text to image, stable diffusion, generate image, ai art, midjourney alternative, dall-e alternative, text2img, t2i, image generator, ai picture, create image with ai, generative ai, ai illustration, grok image, gemini image, gpt image, openai image, chatgpt image

Media & Creative880.3K installs