Kubai Icons Skill

ライブラリと同じスタイルで新しいアイコンを描きます。Claude Code、Codex などのコーディングエージェントで使えます。

概要

Skill は、プロダクトのコードや機能一覧を読み取り、機能ごとに身近なモノとホバー時の動作を割り当て、アイコンを描きます。各アイコンは、キャンバス、レイヤー、輪郭、光、色、マーク、モーションを定めた仕様書に照らして、24px と 28px で確認されます。

インストール

Skill は指示とスクリプトをまとめたフォルダーなので、ファイルを読んでコマンドを実行できるコーディングエージェントなら、Claude Code や Codex を含め、どれでも使えます。Skill の開発とテストに使った Claude をおすすめします。セルフチェックには、Node 18 以降と Chrome も必要です。

次の内容をエージェントに貼り付けてください。

Install the Kubai Icons skill for me:
clone https://github.com/kubai087/kubai-icons into your skills folder as kubai-icons
(~/.claude/skills in Claude Code, ~/.agents/skills in Codex;
if it's already there, pull the latest version instead),
make sure SKILL.md exists in that folder, and tell me when it's ready.

使う

Skill をインストールしたら、プロジェクト用のアイコンを描くようエージェントに頼みます。たとえば、「Kubai Icons Skill を使って、このリポジトリの機能のアイコンを描いてください。」のように頼みます。Skill に対応していないエージェントは、クローンしたフォルダーの SKILL.md を読み、その内容に従うことができます。

アイコンを共有する

あなたが描いたアイコンはライブラリに加えられます。アイコンを投稿すると、デザインルールに照らしてレビューされ、採用されたアイコンは MIT ライセンスのもとで公開され、あなたのクレジットが記載されます。

ライセンス

Skill は Kubai Icons ライセンスのもとでソースアベイラブルです。Skill で描いたアイコンの権利は、描いた人に帰属します。

Kubai Icons は無料で使えます プロジェクトを支援する