mcpField
C
creative-portfolio-resume

creative-portfolio-resume

github.com/paramchoudharyデザイン・UI2.9k9.8k 回インストール19 週間前に更新
リポジトリ

creative-portfolio-resume について

creative-portfolio-resumeは、デザイン、マーケティング、ライティングなどの職種向けに、視覚表現とATSでの解析を両立する履歴書作成スキルです。ATS対応版とデザイン版を分けて用意し、ポートフォリオとの内容やビジュアルの統一を支援します。

主な機能

  1. 01ビジュアル表現とATS対応の両立
  2. 02ATS版とデザイン版の履歴書設計
  3. 03履歴書へのポートフォリオ要素の統合
  4. 04視覚的な階層とレイアウトの助言
  5. 05履歴書とポートフォリオの連携

活用シーン

  1. 01クリエイティブ職向けに2種類の履歴書を用意
  2. 02オンライン応募用のATS対応履歴書を作成
  3. 03ポートフォリオサイトや面接用のデザイン履歴書を作成

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/creative-portfolio-resumeを入力して読み込まれたか確認します。

詳細

クリエイティブ職向けポートフォリオ履歴書

このスキルを使う場面

ユーザーが次のような場合に、このスキルを使います。

  • デザイン、マーケティング、ライティングなどのクリエイティブ分野で働いている
  • ビジュアルデザインとATSへの対応を両立させる必要がある
  • 履歴書のデザインを通じてクリエイティブなスキルをアピールしたい
  • クリエイティブ職向けのポートフォリオ履歴書を作成している
  • 「クリエイティブな履歴書」「デザイナーの履歴書」「ビジュアル履歴書」「ポートフォリオ履歴書」「クリエイティブ分野」といった言葉に言及している

主な機能

  • ビジュアル面の魅力とATSへの対応を両立させます
  • クリエイティブ職向けの履歴書をデザインします
  • ポートフォリオの要素を履歴書の内容に取り入れます
  • クリエイティブ形式と従来形式のどちらを使うべきかアドバイスします
  • 視覚的な階層とデザインの選択を案内します
  • 履歴書とポートフォリオを効果的に結び付けます

クリエイティブな履歴書のジレンマ

問題:

  • クリエイティブ職の人は、履歴書を通じてデザインスキルを見せたいと考えています
  • しかし、応募の大半はATSシステムを経由します
  • デザインを凝らしすぎた履歴書は、ATSで正しく解析されないことがよくあります

解決策: 2種類の履歴書を用意します。

  1. オンライン応募用のATS対応版
  2. ポートフォリオ、ネットワーキング、直接提出用のデザイン版

それぞれのバージョンを使う場面

ATS対応版を使う場面:
  • オンライン応募フォームから応募するとき
  • 求人サイトに提出するとき
  • 履歴書がソフトウェアで解析されるとき
  • どのように処理されるかわからないとき
デザイン版を使う場面:
  • ネットワーキングイベント
  • 採用担当者への直接メール
  • ポートフォリオサイト
  • 対面での面接
  • ビジュアル重視の履歴書を期待するクリエイティブエージェンシー
  • ATSを使わないと明示されているとき

ATS対応のクリエイティブな履歴書

ATS対応版でも、次の方法でクリエイティビティを表現できます。

控えめなデザイン要素
  • 余白を戦略的に活用する
  • 明確なタイポグラフィの階層を設ける
  • 内容を考慮して整理する
  • 優れたコピーライティング
  • 洗練されたプロフェッショナルな見た目
安全に取り入れられるクリエイティブな工夫
  • ✅ カスタムのプロフェッショナルフォント(ATS対応のもの)
  • ✅ 太字や斜体を戦略的に使う
  • ✅ シンプルなセクション区切り(単純な線)
  • ✅ 一貫性のある、意図的な余白
  • ✅ 名前や見出しに色を使う(控えめに)
  • ✅ ポートフォリオへのハイパーリンク
それでも避けるべきもの
  • ❌ 複数段組み
  • ❌ テキストボックス
  • ❌ 画像やアイコン
  • ❌ レイアウト目的の表
  • ❌ 一般的でないフォント
  • ❌ グラフィックやスキルバー

デザイン版ポートフォリオ履歴書

デザインの原則

1. 説明するだけでなく、見せる

  • 履歴書そのものがデザインサンプルです
  • タイポグラフィの選択が重要です
  • レイアウトでデザイン思考を示します
  • 細部へのこだわりで、仕事への丁寧さを伝えます

2. 奇抜さより明快さ

  • 必要な情報を見つけやすくする必要があります
  • 読みやすさを優先します
  • 実験的なデザインはポートフォリオ作品に使います

3. ブランドの一貫性

  • ポートフォリオサイトと調和させます
  • カラーパレットを統一します
  • ビジュアルアイデンティティを統一します
検討するビジュアル要素

タイポグラフィ:

  • 見出し用フォント(ディスプレイ向け、個性を表現)
  • 本文用フォント(読みやすく、プロフェッショナルなもの)
  • サイズの階層(名前 > セクション > 本文)
  • 行の高さと文字間隔

色:

  • アクセントにブランドカラーを使う
  • 読みやすさのために高いコントラストを確保する
  • 色数を絞る(最大2~3色)
  • 印刷に適した色を検討する

レイアウト:

  • 2段組みを検討する(デザイン版のみ)
  • 余白を戦略的に活用する
  • 明確な視覚的階層を設ける
  • マージンとガターを統一する

ビジュアル上のアクセント:

  • アイコン(使う場合は一貫性を持たせる)
  • 区切り線や罫線
  • 控えめな背景要素
  • ロゴ/パーソナルブランドのマーク

クリエイティブ分野別のガイダンス

グラフィックデザイナー

示すべきスキル:

  • タイポグラフィのスキル
  • レイアウトと構成
  • 視覚的な階層
  • 細部への注意

履歴書の方針:

  • 履歴書そのものがポートフォリオ作品です
  • すっきりとした洗練されたデザインにする
  • 控えめな工夫を通じて対応力を示す
  • 多様な作品はポートフォリオへのリンクで紹介する
UX/プロダクトデザイナー

示すべきスキル:

  • 情報アーキテクチャのスキル
  • ユーザー中心の思考
  • 明確な視覚的階層
  • 体系的なアプローチ

履歴書の方針:

  • ざっと目を通しやすく、整理された構成にする
  • 明確な内容の階層を設ける
  • ユーザー(採用担当者)を中心に構成する
  • ケーススタディへのリンクを載せる
マーケティング/ブランド

必ず示すこと:

  • ブランドに対する考え方
  • ストーリーテリング能力
  • 戦略的なコミュニケーション
  • オーディエンスへの配慮

履歴書のアプローチ:

  • ブランドに沿ったビジュアルアイデンティティ
  • 説得力のあるストーリー展開
  • 戦略的なコンテンツ選定
  • 主張を裏付ける根拠
ライター/コンテンツ

必ず示すこと:

  • 文章の質
  • 正確な編集力
  • 明確なコミュニケーション
  • 文体とスタイル

履歴書のアプローチ:

  • 完璧な文章
  • 力強い箇条書き
  • 誤りゼロ
  • 文章を通じて個性を表現
写真/動画

必ず示すこと:

  • 優れた審美眼
  • 制作の質
  • 技術力
  • 美的感覚

履歴書のアプローチ:

  • すっきりとした、見やすいデザイン
  • ポートフォリオへの目立つリンク
  • 量より質
  • ポートフォリオに語らせる

ポートフォリオの組み込み

履歴書上

ポートフォリオへのリンク:

Portfolio: yourname.com

特定の作品へのリンク:

• Redesigned checkout flow, increasing conversion by 40%
  Case Study: yourname.com/checkout
ポートフォリオサイトの履歴書ページ

選択肢:

  1. PDF ダウンロード(デザイン版)
  2. HTML 履歴書ページ
  3. インタラクティブな履歴書体験
  4. 上記すべて

ベストプラクティス:

  • 利便性のために PDF ダウンロードを用意する
  • ウェブ版がレスポンシブであることを確認する
  • メインの履歴書とあわせて更新する

デザイン制作のヒント

タイポグラフィのチェックリスト
  • 氏名を最も大きな要素にする
  • 明確な階層(最大3~4段階)
  • 本文は最低10~12ptにする
  • 行間にゆとりを持たせる
  • フォントファミリーは2種類まで
  • フォント同士の相性がよい
レイアウトのチェックリスト
  • セクションと流れが明確
  • 全体を通して余白が一貫している
  • 十分なホワイトスペースがある
  • 要素がグリッドに沿って配置されている
  • 視覚的なバランスが取れている
  • 6秒で内容を把握できる
色のチェックリスト
  • 色数を限定する(2~3色)
  • テキストのコントラストを高くする
  • アクセシブルな色を選ぶ
  • 白黒印刷でも見やすい
  • パーソナルブランドとの一貫性がある
  • プロフェッショナルな印象がある

デザイン性の高い履歴書向けツール

デザインソフトウェア:

  • Adobe InDesign(レイアウトに最適)
  • Figma(ウェブ向けに適している)
  • Adobe Illustrator(ベクター形式)
  • Sketch(Mac 向けの選択肢)

より手軽な選択肢:

  • Canva(テンプレートあり)
  • Google Docs(機能は限られるがATS対応)
  • Microsoft Word(意外と高機能)

避けるもの:

  • PowerPoint/Keynote(この用途向けの設計ではない)
  • 出所不明のオンライン履歴書作成ツール
  • 内容が見えにくくなる過剰なテンプレート

出力形式

クリエイティブな履歴書を作成する場合:

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

クリエイティブな履歴書のチェックリスト

  • ✅ ATS対応版とデザイン版の両方を用意する
  • ✅ デザインで関連スキルを示す
  • ✅ 内容が明確で、要点をすばやく把握できる
  • ✅ ポートフォリオへのリンクを目立たせる
  • ✅ ビジュアルアイデンティティに一貫性がある
  • ✅ タイポグラフィがプロフェッショナル
  • ✅ 色がアクセシブルで、印刷にも適している
  • ✅ 共有しやすいファイルサイズに最適化する
  • ✅ 内容の質がデザインの質に見合っている
  • ✅ 履歴書自体がポートフォリオにふさわしい作品になっている

コメント