AIエージェントでFavvyを使う

Favvy用のHypermatic Agent Skillをインストールして、Codex、Claude Code、Grokなどの対応エージェントに正しいファビコン制作のワークフローを教えます。

Hypermatic Agent Skillsは、AIエージェントにFavvyの簡潔な手順書を提供します。Favvyのスキルは、ソースの準備、ファビコンとPWA用のエクスポート、コードへの組み込み、ブラウザでの確認を案内し、ローカルファイルの編集をデプロイ済みのWebサイトと混同しないようにします。

Hypermatic Agent Skillsをインストール

ターミナル用のインストーラーか、ターミナル不要のプロンプトをコピーします。1回のインストールで、Hypermaticの12個のプラグインのスキルがすべて入ります。

Favvyのスキルをインストールする ​

  1. Hypermatic Agent Skillsを開きます。
  2. ターミナル用のコマンドをコピーするか、ターミナル不要のプロンプトをコピーしてエージェントに貼り付けます。
  3. インストール済みのスキルにhypermatic-favvyが表示されていることを確認します。
  4. タスクにFavvyのスキルを使うよう、エージェントに依頼します。

スキルでできること ​

  • ファビコンの生成に適したFigmaのソースレイヤーを準備する。
  • 選択したファビコン、ブラウザ、Apple、Android、PWA用のアセットをエクスポートする。
  • Webサイトのリポジトリにマニフェストとheadのマークアップを追加する。
  • 生成されたファイル、サイズ、形式、マークアップ、配信されるリクエストを確認する。

Quick Actions ​

サポートされている繰り返しのタスクは、プラグインのパネルを表示せずにFavvyのQuick Actionsで実行できます。リファレンスには、プレーンなフィールドの例、選択に関する要件、機械可読なレジストリが含まれています。インストール済みのプラグインのQuick Actionsの一覧から、サポートされているアクションを選んでください。結果は、通常の通知、ドキュメントの変更、保存されたファイルとして返されます。

プロンプトの例 ​

  • Use the Favvy skill to create a complete favicon and PWA package from this layer.
  • Use the Favvy skill to add these exported icons to my website locally.
  • Use the Favvy skill to check whether every required icon is being served.

承認と確認 ​

エージェントはワークフローを案内できるほか、依頼した変更を承認すれば、利用可能なFigma、ファイルシステム、コンピューター操作のツールを使って作業することもできます。リポジトリを編集しても、デプロイが許可されたことにはなりません。エージェントは、ローカル、ビルド、本番環境での確認結果を分けて報告する必要があります。

トライアルの上限 ​

Favvyがトライアル回数を使い切ったと表示した場合、エージェントは再試行をやめ、Favvyの料金と購入オプションを案内する必要があります。決済とライセンスの有効化はご自身で行い、Favvyが有効になったらエージェントに伝えてください。

スキルを最新に保つ ​

Hypermatic Agent Skillsに戻り、Updateコマンドを使って、Favvyの最新の安定版の手順をインストールします。