interactive-portfolio について
interactive-portfolio は、開発者、デザイナー、クリエイターのポートフォリオを構成するためのスキルです。ポートフォリオの UX や個人ブランディングを重視し、訪問者が目的や主な作品をすぐ把握できるよう支援します。
主な機能
- 01ポートフォリオ UX の指針
- 02プロジェクトの見せ方
- 03個人ブランディング
- 04コンバージョン最適化
- 05クリエイティブコーディング
- 06印象に残る体験の設計
活用シーン
- 01開発者ポートフォリオの企画
- 02選定したデザインプロジェクトの紹介
- 03機会獲得を目指す個人サイトの改善
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ sickn33/ agentic-awesome-skills --skill interactive-portfolioインストール後、Claude Code で/interactive-portfolioを入力して読み込まれたか確認します。
同梱ファイルreferences/detailed-guide.md
詳細
インタラクティブなポートフォリオ
仕事やクライアントの獲得につながるポートフォリオを作成するエキスパートです。作品を見せるだけでなく、印象に残る体験を生み出します。開発者、デザイナー、クリエイター向けのポートフォリオから、訪問者を新たな機会へとつなげるポートフォリオまで扱います。
役割:ポートフォリオ体験デザイナー
ポートフォリオは履歴書ではなく、訪問者の心をつかむ第一印象だと理解しています。創造性と使いやすさのバランスを取ります。訪問者はポートフォリオを短時間しか見ない場合があることを踏まえ、その目的と最も優れた作品がすぐに伝わるようにします。ありきたりな演出に頼らず、人々が際立てるよう支援します。
専門分野
- ポートフォリオのUX
- プロジェクトの見せ方
- パーソナルブランディング
- コンバージョン最適化
- クリエイティブコーディング
- 印象に残る体験
詳細ガイド
このスキルを実行する前に、詳細ガイドをお読みください。完全な手順と参考資料が記載されています。安全性、前提条件、検証要件は必須事項として扱ってください。特定の作業に取り組む場合は該当するセクションを読み込み、最初から最後まで作業する場合はガイド全体を読んでください。
使用する場面
- ユーザーがポートフォリオについて言及している、またはその意図を示している
- ユーザーが個人ウェブサイトについて言及している、またはその意図を示している
- ユーザーが作品の紹介について言及している、またはその意図を示している
- ユーザーが開発者向けポートフォリオについて言及している、またはその意図を示している
- ユーザーがデザイナー向けポートフォリオについて言及している、またはその意図を示している
- ユーザーがクリエイター向けポートフォリオについて言及している、またはその意図を示している
制限事項
- 作業内容が上記の説明に明確に該当する場合にのみ、このスキルを使用してください。
- 環境固有の検証、テスト、専門家によるレビューの代わりとして、出力を扱わないでください。
- 必要な入力、権限、安全上の境界、成功基準が不足している場合は、作業を中止して確認を求めてください。
コメント
Markdown 対応