Communitygithub.com

marnixGeerkens/rocketlauncher-claude-code

クリエイティブ職向けに、ビジュアルデザインとATS(採用管理システム)の互換性を両立させるためのスキル。デザイン、アート、ライティング、マーケティングなどクリエイティブ分野のユーザーが、見た目に特徴がありながらもパース可能な履歴書を作成する際に使用します。

rocketlauncher-claude-code とは?

このスキルは、クリエイティブ職のユーザーがATS(採用管理システム)の互換性を維持しつつ、視覚的に魅力的な履歴書(レジュメ)を作成するための包括的なガイドです。デザイナー、ライター、マーケターなど、クリエイティブ分野の求人に応募する際に発生する「デザイン性」と「機械可読性」のジレンマを解決します。スキルの核となるのは、オンライン応募用のATS互換バージョンと、ポートフォリオやネットワーキング用のデザインバージョンの2種類を作成する「ツーバージョン戦略」です。ATS互換バージョンでも、ホワイトスペースの戦略的活用やクリーンなタイポグラフィ階層など、控えめなデザイン要素で創造性を表現する方法を指南します。また、グラフィックデザイナー、UX/UIデザイナー、マーケター、ライターなど職種別の具体的なアドバイス、ポートフォリオとの連携手順、ツールの推奨、書式設定のテンプレートまで網羅しており、AIエージェントはこのスキルに従ってユーザーに実践的で段階的なアドバイスを提供できます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/marnixGeerkens/rocketlauncher-claude-code/tree/HEAD/components/skills/career/creative-portfolio-resume

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

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

ドキュメント

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

いつこのスキルを使うか

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

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

コア機能

  • 視覚的な魅力とATS互換性のバランスを取る
  • クリエイティブ職向けの履歴書をデザインする
  • ポートフォリオ要素を履歴書の内容と統合する
  • クリエイティブ形式と従来形式のどちらを使うべきかをアドバイスする
  • ビジュアル階層とデザインの選択を導く
  • 履歴書をポートフォリオに効果的に結びつける

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

問題点:

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

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

  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ダウンロードを提供する
  • Webバージョンはレスポンシブにする
  • メインの履歴書と常に最新に保つ

デザイン実装のヒント

タイポグラフィチェックリスト

  • 名前が最大の要素である
  • 明確な階層(最大3〜4レベル)
  • 本文テキストは最低10〜12pt
  • 行間にゆとりがある
  • フォントファミリーは最大2つ
  • フォントが互いに補完し合っている

レイアウトチェックリスト

  • 明確なセクションとフロー
  • 全体で一貫性のあるマージン
  • 適切なホワイトスペース
  • 要素がグリッドに揃っている
  • 視覚的なバランスが取れている
  • 6秒でスキャン可能

カラーチェックリスト

  • 限られたパレット(2〜3色)
  • テキストのハイコントラスト
  • アクセシブルな色の選択
  • 白黒でもきれいに印刷できる
  • パーソナルブランドと一貫性がある
  • プロフェッショナルな外観

デザイン履歴書向けツール

デザインソフトウェア:

  • Adobe InDesign(レイアウトに最適)
  • Figma(Webネイティブに適している)
  • Adobe Illustrator(ベクターベース)
  • Sketch(Mac向け)

よりシンプルなオプション:

  • Canva(テンプレートあり)
  • Google Docs(制限はあるがATS対応)
  • Microsoft Word(驚くほど高性能)

避けるべきもの:

  • PowerPoint/Keynote(これ用に設計されていない)
  • ランダムなオンライン履歴書ビルダー
  • コンテンツを覆い隠す重いテンプレート

出力フォーマット

クリエイティブ履歴書を作成する際の出力形式:

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

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

## バージョン戦略

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

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

## デザイン仕様

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

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

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

## ポートフォリオ統合
- メインポートフォリオリンク:[URL]
- ハイライトすべきケーススタディ:[リスト]
- ポートフォリオ上の履歴書ページ:[はい/いいえ]

## クリエイティブ分野向けコンテンツ調整
- [具体的なコンテンツ推奨]
- [具体的なコンテンツ推奨]

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

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

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

関連スキル