Communitygithub.com

ハージェンネット/個人ウェブサイトスキル

ポートフォリオ画像やドキュメントを準備、最適化、登録し、出典情報、アクセシビリティ、レスポンシブレンダリングの契約を維持します。

個人ウェブサイトスキル とは?

このスキルは、承認されたメディアファイル(画像やドキュメント)をウェブサイトに配信可能なアセットに変換するためのワークフローを提供します。既存のメディアディレクトリ構造やコード上の参照を検査し、出典情報や承認状態、メディアの役割、オリジナルサイズ、ターゲットフォーマット、レスポンシブな利用意図を記録します。ユーザーが明示的に削除を許可しない限り、元の承認済みソースアセットは保持し、最小限の最適化済み派生アセットを使用します。すべての参照、ディメンション、ローカライズされたaltテキストを一貫して更新し、デスクトップとモバイルの両方でのクロップ動作をテストします。このスキルは、事実に基づくプロジェクト資料を生成画像で置き換えたり、所有権を暗示したり、ルーチン最適化としてオリジナルを削除したりしません。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/husheng-web/personal-website-skills/tree/HEAD/skills/portfolio-media-asset-ops

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

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

ドキュメント

ポートフォリオメディアアセット運用

承認されたメディアを安全にウェブサイト対応アセットに変換します。

ワークフロー

  1. 既存のメディアディレクトリの規則とすべてのコード/データ参照を、アセットの名前変更、置き換え、変換の前に検査します。
  2. ソースの出典情報、承認状態、メディアの役割、オリジナルサイズ、ターゲットフォーマット、意図されたレスポンシブ利用を記録します。
  3. 適切な最小の最適化派生アセットを使用しますが、ユーザーが明示的に削除を許可しない限り、承認されたソースアセットは保持します。
  4. 必要なすべてのレジストリ/コンテンツ参照、ディメンション、ローカライズされたaltテキストをまとめて更新します。

チェック

プロダクションビルドでパスが解決されること、画像が歪みなく読み込まれること、最大レンダリングサイズで視覚品質が適切であること、装飾画像が正しくマークされ誤解を招くaltテキストが与えられていないことを確認します。カバーアセットについてはデスクトップとモバイルのクロップ動作をテストします。

境界

事実に基づくプロジェクト資料を生成画像で置き換えたり、ローカルでの所有から権利を暗示したり、ルーチン最適化の一環としてオリジナルを削除したりしてはなりません。

Individual skills in this repo

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

関連スキル