生成AIにWebページやアプリを作らせると、紫から青へのグラデーション背景、中央に大見出しとボタン、その下にアイコン付きカードが3枚並ぶ――そんな「AIっぽい」量産型デザインになりがちです。このAI臭を排除し、人間が作り込んだような自然なUIに仕上げるためのスキルとして、「Hallmark」「Impeccable」「Taste Skill」の3つが登場しています。いずれもGitHubで公開されているオープンソースのツールで、Claude CodeやCursorなどのコーディングAIに組み込んで使えます。
Hallmark:Together AIが開発したデザインスキル
50種類のテーマから選べ、オープンライセンス写真を自動配置。
- 開発元:Together AI
- 対応ツール:Claude Code、Codex、Cursor、OpenCodeなど
- 主な機能:
- すべての見出しの上に小さなラベルを置く表現や、見出しの1語だけ色を変える手法など、AI特有のパターンを禁止
- 機能しないダミーフォーム、架空の数値や事実の捏造も排除
- 50種類のテーマから目的に応じて選択可能
- ゼロから独自デザインを起こすカスタム指示にも対応
- 755点のオープンライセンス写真から最適な画像を自動選定し、クレジット表記付きで配置
- 入手先:GitHubリポジトリ(オープンソース)
Impeccable:jQuery UI生みの親が開発した品質改善スキル
24種類のコマンドでUIをピンポイント調整。62のルールでAIの癖を自動検出。
- 開発者:Paul Bakaus(jQuery UI創始者)
- ライセンス:Apache 2.0(オープンソース)
- 主な機能:
- 「文字を読みやすく整える」「不要な要素を削る」「大胆にする」など24種類のコマンド
- 曖昧な表現に頼らず、狙い通りにUIを調整可能
- UXの採点や品質検査を実施
- AIモデルを使わず、62のルールでAI特有の癖、文字切れ、コントラスト不足を自動検出
- 入手先:GitHubリポジトリ
Taste Skill:洗練されたデザインを実現するエージェントスキル
20のデザイン方針から3候補を提示→選択。実在写真をクレジット付きで配置。
- ライセンス:MITライセンス(オープンソース)
- 対応ツール:Claude Code、Cursorなどのコーディングエージェント
- 主な機能:
- AIが依頼内容を読み取り、20のデザイン方針から3候補を提示、ユーザーが選択
- オープンコレクションから実在の写真や映像を探し、クレジット付きで配置
- v2.1からは一般的なWebページとアプリ画面を区別して構築可能
- 整列した数値やデータを見やすくする配色、スマホ向け折りたたみメニューなどを専用ルールでチェック
- 既存サイトのリニューアル時は、実ブラウザで現状を分析してから改善
- 入手先:GitHubリポジトリ
今すぐ始める方法
どのスキルもGitHubから無料でダウンロードして、お使いのコーディングAI(Claude Code、Cursorなど)に組み込むだけです。まずはHallmarkを試してみてください。50テーマから選ぶだけで、紫→青グラデ背景のようなAI臭が一掃された、人間らしいWebページが生成できます。









