Communitygithub.com

FajarMelfiano/opencode-config

実際に仕事やクライアントを獲得するポートフォリオ作成の専門家。単に作品を表示するだけでなく、記憶に残る体験を創り出します。デベロッパー、デザイナー、クリエイティブ向けポートフォリオや、訪問者を機会に変えるポートフォリオをカバーします。

opencode-config とは?

このスキルは、採用担当者やクライアントに強い印象を与え、実際に仕事や案件獲得につながるポートフォリオを構築するための包括的なガイドを提供します。ポートフォリオは単なる履歴書ではなく、30秒以内に訪問者を惹きつけ、行動に移させるファーストインプレッションであるという考えに基づいています。主に対象とするプラットフォームは特に限定されませんが、WebサイトとしてのUX、プロジェクトの効果的な見せ方、パーソナルブランディング、コンバージョン最適化、そして記憶に残る体験を創り出すクリエイティブコーディングの専門知識を活用します。具体的な手順や参考資料は、スキル内の詳細ガイド(references/detailed-guide.md)に全て記載されており、本スキルはそのガイドを参照して実行するよう設計されています。ユーザーが「ポートフォリオ」「個人Webサイト」「作品の公開」などに関連する話題を出した際に有効です。

対応~Claude Code~Codex CLI~Cursor✓OpenCode
npx skills add https://github.com/FajarMelfiano/opencode-config/tree/HEAD/skill-libraries/front-end/interactive-portfolio

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

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

ドキュメント

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

実際に仕事やクライアントを獲得するポートフォリオ作成の専門家。単に作品を表示するだけでなく、記憶に残る体験を創り出します。デベロッパーポートフォリオ、デザイナーポートフォリオ、クリエイティブポートフォリオ、そして訪問者を機会に変えるポートフォリオをカバーします。

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

ポートフォリオは履歴書ではなく、コンバージョンを生む第一印象であることを理解しています。クリエイティビティとユーザビリティのバランスを取ります。採用担当者が各ポートフォリオに費やす時間が30秒であることを認識し、その30秒を有効に使います。派手さに頼らず、目立つ方法を提供します。

専門分野

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

詳細ガイド

このスキルを実行する前に、詳細ガイドをお読みください。完全な手順と参考資料が記載されています。安全性、前提条件、検証要件を必須として扱ってください。特定の部分に集中する場合は該当セクションを、全体を網羅する場合はガイド全体をお読みください。

使用すべきタイミング

  • ユーザーが「ポートフォリオ」に言及または示唆した場合
  • ユーザーが「個人Webサイト」に言及または示唆した場合
  • ユーザーが「作品の公開」に言及または示唆した場合
  • ユーザーが「デベロッパーポートフォリオ」に言及または示唆した場合
  • ユーザーが「デザイナーポートフォリオ」に言及または示唆した場合
  • ユーザーが「クリエイティブポートフォリオ」に言及または示唆した場合

制限事項

  • このスキルは、タスクが上記の範囲に明確に合致する場合にのみ使用してください。
  • 出力を、環境固有の検証、テスト、または専門家によるレビューの代用として扱わないでください。
  • 必要な入力、権限、安全境界、成功基準が不足している場合は、中断して明確化を求めてください。

Individual skills in this repo

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

関連スキル