jpskill.com
💼 ビジネス コミュニティ 🟡 少し慣れが必要 👤 経営者・事業責任者・マーケ

🎨 クリエイティブ職向け履歴書(ATS両立)

creative-portfolio-resume

デザイン・アート・マーケクリエイティブ職向け、ビジュアル性とATS互換を両立した履歴書Skill。

⏱ 経費仕訳 1時間 → 5分

📺 まず動画で見る(YouTube)

▶ 【自動化】AIガチ勢の最新活用術6選がこれ1本で丸分かり!【ClaudeCode・AIエージェント・AI経営・Skills・MCP】 ↗

※ jpskill.com 編集部が参考用に選んだ動画です。動画の内容と 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.

🇯🇵 日本人クリエイター向け解説

一言でいうと

デザイン・アート・マーケクリエイティブ職向け、ビジュアル性とATS互換を両立した履歴書Skill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-17
取得日時
2026-05-17
同梱ファイル
1

💬 こう話しかけるだけ — サンプルプロンプト

  • クリエイティブ職向け履歴書(ATS両立) で、私のビジネスを分析して改善案を3つ提案して
  • クリエイティブ職向け履歴書(ATS両立) を使って、来週の会議用の資料を作って
  • クリエイティブ職向け履歴書(ATS両立) で、現状の課題を整理してアクションプランに落として

これをClaude Code に貼るだけで、このSkillが自動発動します。

📖 Claude が読む原文 SKILL.md(中身を展開)

この本文は AI(Claude)が読むための原文(英語または中国語)です。日本語訳は順次追加中。

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