デザインスキルを入れる前に、SKILL.mdを読み・実行内容を確かめ・自分の好みに差し替える
他人が作ったデザイン用スキルは、そのまま入れずに5つの点を確認し、「好み」が書かれた部分を自分のデザインシステムに置き換えてから使う。
どんな問題を解決するか / いつ使うか
今週は landing-page-design（elayadesign/ai-design-skills）、taste-skill、Hallmark など、デザイナー製のエージェント用スキルが一斉に出回っている。入れるだけで見た目は変わるが、スキルの書き手の好み（フォント・色・余白・動き）がそのまま自分のプロダクトに入り、既存のデザインシステムとぶつかることがある。パッケージのインストールやスクリプト実行を含むものもある。
やり方
- SKILL.md を自分で読む。スキルはただのファイル。
- クレジットを見る。他のスキルから借りた部分を明記しているか。
- 何を実行するかを見る。ファイルを書くだけなら低リスク。パッケージの追加やスクリプト実行は詳しく確認する。
- 使い捨てのブランチで試す。
- 「好み」が書かれた箇所（フォント・色・余白・モーション）を探し、自分の値に差し替える。
エージェントに先に読ませるときの指示（要旨）：
「[リポジトリURL] の SKILL.md を読んで、何をするか・実行するコマンドすべて・クレジット・自分のデザインシステムと衝突する部分を教えて。まだ何もインストールしないで。」
注意点
- 人気のスキルほど同じ見た目に寄るので、差し替えをしないと「スキル由来のありきたり」になる。
- 衝突の確認には、自分の DESIGN.md やトークンのファイルを同じ会話で読ませておく。
関連
- Hallmarkスキルで「作る・採点・作り直し・好きなサイトから抽出」を使い分け、AIっぽくないUIにする
- landing-page-design スキルで、質問をまとめて受けてからLPを作らせる（構成・コピー・見た目の数値まで1ファイル）
出典
- @designertom post