作業の進め方
Better Iconsは、Iconifyのコレクションを横断してアイコンを検索・取得する具体的な方法をエージェントに提供します。検索はコレクションのプレフィックスで絞り込め、各結果にはlucide:homeのような明確な識別子があります。サイズと色を指定したSVGの取得に対応しており、曖昧なアイコンの依頼を、出所を確認できる素材選びにつなげます。
同じ機能をコマンドライン操作とMCPツールから利用できます。MCPでは、コレクションの閲覧、類似アイコンの検索、候補の推薦、プロジェクトのスキャン、同期も行えます。同じファミリーのアイコンで統一したいUIを構築したり、既存のUIを整理したりする際に役立ちます。
想定される成果物
- 依頼した概念に合う候補を、具体的なアイコンIDとともに示した一覧。
- 指定したサイズと色で取得したSVG素材。
- 対応するワークフローから選んで作成した、アイコンの対応表またはプロジェクトへの組み込み。
ブリーフからレビューまで
- 01アイコンのファミリーを決める
既存のアイコンを確認し、表す必要のある概念を特定します。すでにデザインの見た目が統一されている場合は、コレクションのプレフィックスを選びます。
- 02検索して比較する
意味に基づいて検索し、返されたIDを確認します。MCPツールでは、コレクションの閲覧、用途に合うアイコンの推薦、ライブラリをまたいだ似た図柄の検索もできます。
- 03選んだ素材を取得する
prefix:nameの識別子でSVGを取得します。サイズと色を明示し、選んだアイコンだけを、指定したプロジェクト内の場所に保存または同期します。