Webアセットジェネレーター

ロゴ画像、テキストスローガン、または絵文字など単一のソースからプロフェッショナルなWebアセットを生成する総合ツールです。完全なファビコンセット、PWAアプリアイコン、主要プラットフォーム（Facebook、Twitter、LinkedIn）のソーシャルメディアOpen Graph画像を生成します。単一の入力をWebサイトに必要なすべてのアイコンと画像に変換し、内蔵のバリデーション、アクセシビリティチェック、フレームワーク固有の統合コードを提供します。

スキルは合理化されたワークフローのためにClaudeの対話型ビジュアルUIを使用します：

1. アセットタイプの選択 - 必要なものに対するビジュアルセレクター：ファビコンのみ、アプリアイコンのみ、ソーシャル画像のみ、またはすべて

2. ソースの提供 - 入力方法を選択：

   • 既存のロゴ/画像をアップロード
   • カスタムカラーでテキスト/スローガンから生成
   • キュレーションされた絵文字提案を使用（業界別に整理された60以上）

3. 生成とバリデーション - スキルが自動的に：

   • 必要なすべてのサイズを生成（16x16から512x512まで）
   • ファイルサイズとディメンションをバリデーション
   • アクセシビリティのためのWCAGコントラスト準拠を確認
   • 適切な設定でPWA manifest.jsonを生成

4. フレームワーク統合 - フレームワーク（Next.js、Astroなど）を自動検出し、コードにHTMLタグを追加することを提案

5. テスト - 最終確認のためのバリデーターリンク（realfavicongenerator.netなど）を提供

手動の画像編集不要 - 単一入力からバリデーションと統合コードを含む完全なアセットセットまで。