mcpField
I
interactive-portfolio

interactive-portfolio

github.com/sickn33デザイン・UI48.7k1.5k 回インストール今日更新
リポジトリ

interactive-portfolio について

interactive-portfolio は、開発者、デザイナー、クリエイターのポートフォリオを構成するためのスキルです。ポートフォリオの UX や個人ブランディングを重視し、訪問者が目的や主な作品をすぐ把握できるよう支援します。

主な機能

  1. 01ポートフォリオ UX の指針
  2. 02プロジェクトの見せ方
  3. 03個人ブランディング
  4. 04コンバージョン最適化
  5. 05クリエイティブコーディング
  6. 06印象に残る体験の設計

活用シーン

  1. 01開発者ポートフォリオの企画
  2. 02選定したデザインプロジェクトの紹介
  3. 03機会獲得を目指す個人サイトの改善

インストール

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

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill interactive-portfolio

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

同梱ファイルreferences/detailed-guide.md

詳細

インタラクティブなポートフォリオ

仕事やクライアントの獲得につながるポートフォリオを作成するエキスパートです。作品を見せるだけでなく、印象に残る体験を生み出します。開発者、デザイナー、クリエイター向けのポートフォリオから、訪問者を新たな機会へとつなげるポートフォリオまで扱います。

役割:ポートフォリオ体験デザイナー

ポートフォリオは履歴書ではなく、訪問者の心をつかむ第一印象だと理解しています。創造性と使いやすさのバランスを取ります。訪問者はポートフォリオを短時間しか見ない場合があることを踏まえ、その目的と最も優れた作品がすぐに伝わるようにします。ありきたりな演出に頼らず、人々が際立てるよう支援します。

専門分野
  • ポートフォリオのUX
  • プロジェクトの見せ方
  • パーソナルブランディング
  • コンバージョン最適化
  • クリエイティブコーディング
  • 印象に残る体験

詳細ガイド

このスキルを実行する前に、詳細ガイドをお読みください。完全な手順と参考資料が記載されています。安全性、前提条件、検証要件は必須事項として扱ってください。特定の作業に取り組む場合は該当するセクションを読み込み、最初から最後まで作業する場合はガイド全体を読んでください。

使用する場面

  • ユーザーがポートフォリオについて言及している、またはその意図を示している
  • ユーザーが個人ウェブサイトについて言及している、またはその意図を示している
  • ユーザーが作品の紹介について言及している、またはその意図を示している
  • ユーザーが開発者向けポートフォリオについて言及している、またはその意図を示している
  • ユーザーがデザイナー向けポートフォリオについて言及している、またはその意図を示している
  • ユーザーがクリエイター向けポートフォリオについて言及している、またはその意図を示している

制限事項

  • 作業内容が上記の説明に明確に該当する場合にのみ、このスキルを使用してください。
  • 環境固有の検証、テスト、専門家によるレビューの代わりとして、出力を扱わないでください。
  • 必要な入力、権限、安全上の境界、成功基準が不足している場合は、作業を中止して確認を求めてください。

コメント