Communitygithub.com

jcrabapple/hermes-skills

クリエイティブ職向けに、ビジュアルデザインとATS対応のバランスを取るスキル

hermes-skills とは?

このスキルは、デザイン、マーケティング、ライティングなどのクリエイティブ職のユーザーが、ATS(採用管理システム)対応を維持しながらも、視覚的な魅力を備えた履歴書を作成するためのガイドを提供します。主な問題は、クリエイティブな専門家は自身のデザインスキルを履歴書で示したい一方で、多くの応募がATSによるパース処理を受けることです。このスキルは、オンライン応募向けのATS互換バージョンと、ポートフォリオやネットワーキング向けのデザインバージョンという2バージョン戦略を推奨します。また、グラフィックデザイナー、UX/プロダクトデザイナー、マーケティング担当者、ライター、写真家など、クリエイティブ分野ごとに特化したガイダンスを提供し、タイポグラフィ、レイアウト、色彩、ポートフォリオ連携に関する具体的なチェックリストやヒントも含まれています。このスキルはClaude CodeのようなAIエージェントで利用でき、ユーザーがクリエイティブな役割に応募する際に、効果的でプロフェッショナルな履歴書を設計・作成するのを支援します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jcrabapple/hermes-skills/tree/HEAD/job-search/creative-portfolio-resume

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

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

このスキルを使用するタイミング

以下の場合にこのスキルを使用します:

  • ユーザーがクリエイティブ分野(デザイン、マーケティング、ライティング)で働いている
  • ビジュアルデザインとATS対応のバランスを取る必要がある
  • 履歴書デザインを通じてクリエイティブスキルをアピールしたい
  • クリエイティブ職向けのポートフォリオ履歴書を作成している
  • 次のようなキーワードを含む場合:「クリエイティブな履歴書」「デザイナー履歴書」「ビジュアル履歴書」「ポートフォリオ履歴書」「クリエイティブ分野」

中核機能

  • 視覚的な魅力とATS対応のバランスを取る
  • クリエイティブ職向けの履歴書をデザインする
  • ポートフォリオ要素を履歴書コンテンツに統合する
  • クリエイティブ形式と従来形式のどちらを使用すべきかアドバイスする
  • 視覚的階層とデザインの選択をガイドする
  • 履歴書をポートフォリオに効果的に結び付ける

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

問題点:

  • クリエイティブ専門家は履歴書でデザインスキルを示したい
  • しかし、ほとんどの応募はATSシステムを通る
  • 過度にデザインされた履歴書はATSのパース処理に失敗することが多い

解決策: 2バージョンアプローチ:

  1. ATS互換バージョン:オンライン応募用
  2. デザインバージョン:ポートフォリオ、ネットワーキング、直接提出用

各バージョンを使用するタイミング

ATS互換バージョンを使用する場合:

  • オンラインポータルを通じて応募する場合
  • 求人ボードに提出する場合
  • 履歴書がソフトウェアによってパースされる場合
  • 処理方法が不明な場合

デザインバージョンを使用する場合:

  • ネットワーキングイベント
  • 採用担当者への直接メール
  • ポートフォリオウェブサイト
  • 対面面接
  • ビジュアル履歴書が期待されるクリエイティブエージェンシー
  • ATSが使用されていないと明示された場合

ATS互換クリエイティブ履歴書

ATSバージョンでも、以下の方法で創造性を示せます:

控えめなデザイン要素

  • 戦略的な空白の使用
  • クリーンなタイポグラフィ階層
  • 思慮深いコンテンツ構成
  • 強力なコピーライティング
  • 洗練されたプロフェッショナルな外観

安全なクリエイティブ要素

  • ✅ カスタムのプロフェッショナルフォント(ATS対応のもの)
  • ✅ 戦略的な太字とイタリック
  • ✅ クリーンなセクション区切り(シンプルな線)
  • ✅ 一貫性のある意図的な間隔
  • ✅ 名前や見出しに色を使う(控えめに)
  • ✅ ポートフォリオへのハイパーリンク

引き続き避けるもの

  • ❌ 複数列
  • ❌ テキストボックス
  • ❌ 画像やアイコン
  • ❌ レイアウトのための表
  • ❌ 珍しいフォント
  • ❌ グラフィックやスキルバー

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

デザイン原則

1. 伝えるだけでなく、示す

  • 履歴書自体がデザインサンプルである
  • タイポグラフィの選択が重要
  • レイアウトはデザイン思考を示す
  • 細部へのこだわりがクラフトマンシップを示す

2. 巧妙さよりも明確さ

  • 情報は見つけやすくなければならない
  • 可読性を優先する
  • 実験的なデザインはポートフォリオ作品に残す

3. ブランドの一貫性

  • ポートフォリオウェブサイトと一致させる
  • 一貫したカラーパレット
  • 統一されたビジュアルアイデンティティ

考慮すべきビジュアル要素

タイポグラフィ:

  • 見出しフォント(表示用、個性を出す)
  • 本文フォント(読みやすく、プロフェッショナル)
  • サイズ階層(名前 > セクション > 本文)
  • 行間と文字間隔

色:

  • アクセント用のブランドカラー
  • 可読性のための高コントラスト
  • 限定されたパレット(最大2〜3色)
  • 印刷に適した色を考慮する

レイアウト:

  • 2列を検討する(デザインバージョンのみ)
  • 戦略的な空白
  • 明確な視覚的階層
  • 一貫したマージンとガター

ビジュアルアクセント:

  • アイコン(使用する場合は一貫性を保つ)
  • 区切り線と罫線
  • 控えめな背景要素
  • ロゴやパーソナルブランドマーク

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

グラフィックデザイナー

示すべきもの:

  • タイポグラフィスキル
  • レイアウトと構成
  • 視覚的階層
  • 細部へのこだわり

履歴書アプローチ:

  • 履歴書自体がポートフォリオ作品である
  • クリーンで洗練されたデザイン
  • 控えめな選択で幅を示す
  • バラエティのためにポートフォリオにリンクする

UX/プロダクトデザイナー

示すべきもの:

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

履歴書アプローチ:

  • スキャン可能で整理された構造
  • 明確なコンテンツ階層
  • ユーザー(採用担当者)中心の構成
  • ケーススタディへのリンク

マーケティング/ブランド

示すべきもの:

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

履歴書アプローチ:

  • ブランドに沿ったビジュアルアイデンティティ
  • 魅力的なナラティブフロー
  • 戦略的なコンテンツ選択
  • 主張を裏付ける証拠

ライター/コンテンツ

示すべきもの:

  • ライティング品質
  • 編集の正確さ
  • 明確なコミュニケーション
  • 声とスタイル

履歴書アプローチ:

  • 非の打ちどころのないコピー
  • 強力な箇条書き
  • エラーゼロ
  • ライティングによる個性

写真家/ビデオグラファー

示すべきもの:

  • 視覚的センス
  • 制作品質
  • 技術スキル
  • 美的感覚

履歴書アプローチ:

  • クリーンで整然としたデザイン
  • 強力なポートフォリオリンク
  • 品質重視、量より
  • ポートフォリオに語らせる

ポートフォリオ統合

履歴書上で

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

ポートフォリオ: yourname.com

特定の作品へのリンク:

• チェックアウトフローを再設計し、コンバージョンを40%向上
  ケーススタディ: 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(これらは対象外)
  • ランダムなオンライン履歴書ビルダー
  • コンテンツを埋もれさせる重いテンプレート

出力形式

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

# クリエイティブ履歴書戦略

## 役割タイプ:[デザイン/マーケティング/クリエイティブ]
## 業界:[エージェンシー/社内/フリーランス]

## バージョン戦略

### バージョン1:ATS互換
**使用目的:** オンライン応募、求人ボード
**形式:** .docx および .pdf
**デザインレベル:** クリーンでプロフェッショナル、最小限の装飾

### バージョン2:デザイン版
**使用目的:** ポートフォリオ、ネットワーキング、直接連絡
**形式:** .pdf(印刷品質)
**デザインレベル:** フルクリエイティブ処理

## デザイン仕様

### タイポグラフィ
- 見出し:[フォント名、ウェイト、サイズ]
- 本文:[フォント名、ウェイト、サイズ]
- アクセント:[フォント名、使用箇所]

### 色
- プライマリ:[Hexコード] - [使用箇所]
- セカンダリ:[Hexコード] - [使用箇所]
- テキスト:[Hexコード]

### レイアウト
- 形式:[シングルカラム / 2カラム]
- マージン:[仕様]
- グリッド:[該当する場合]

## ポートフォリオ統合
- メインポートフォリオリンク:[URL]
- 強調するケーススタディ:[リスト]
- ポートフォリオ上の履歴書ページ:[Y/N]

## クリエイティブ分野に合わせたコンテンツの調整
- [具体的なコンテンツの推奨]
- [具体的なコンテンツの推奨]

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

  • ✅ ATSバージョンとデザインバージョンの両方を用意する
  • ✅ デザインが関連スキルを示している
  • ✅ コンテンツが依然として明確でスキャン可能である
  • ✅ ポートフォリオが目立つ形でリンクされている
  • ✅ ビジュアルアイデンティティに一貫性がある
  • ✅ タイポグラフィがプロフェッショナルである
  • ✅ 色がアクセシブルで印刷に適している
  • ✅ ファイルが共有に最適化されている(適切なサイズ)
  • ✅ コンテンツ品質がデザイン品質と一致している
  • ✅ 履歴書がポートフォリオ作品として価値がある

関連スキル