taste-skill

Taste Skillは、AIコーディングエージェントが生成するフロントエンドの視覚的品質を向上させるための、ポータブルなAgent Skills（SKILL.md命令ファイル）のコレクションです。READMEでは、AI出力にありがちな汎用的でボイラープレート的なUIパターン、いわゆる「slop」に対抗することを目標として掲げ、レイアウト、タイポグラフィ、モーション、スペーシングについてエージェントにより明確な指針を与えます。 スキルはフレームワーク非依存で、特定のフレームワークAPIではなくデザイン意図を対象としているため、READMEによればReact、Vue、Svelteで動作します。インストール方法は、Vercel Labsのagent-skillsツールの`npx skills add` CLIを使う、SKILL.mdをプロジェクトや会話にコピーする、あるいはChatGPT/Codexの会話に貼り付ける、といった方法があります。デフォルトスキル（インストール名`design-taste-frontend`）は現在v2（実験的）で、オリジナルを大幅に書き直したものです。v1は`design-taste-frontend-v1`として引き続き利用でき、その正確な挙動に依存するプロジェクト向けです。 実装スキル: - taste-skill（`design-taste-frontend`）: デフォルトのv2実験的スキル。ブリーフ推論、デザインシステムマップ、GSAPコードスケルトン、リデザイン監査プロトコル、厳格なプリフライトチェックを備え、DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITYという3つの1〜10のダイヤルを公開します。 - taste-skill-v1（`design-taste-frontend-v1`）: 互換性のために保存されたオリジナルスキル。 - gpt-tasteskill（`gpt-taste`）: GPT/Codex向けのより厳格な変種で、レイアウトのばらつきを大きくし、GSAPの方向性を強化し、攻撃的なanti-slopルールを備えます。 - image-to-code-skill（`image-to-code`）: 画像ファーストのパイプラインで、サイト参考資料を生成し、分析してから、それに合わせてフロントエンドを実装します。 - redesign-skill（`redesign-existing-projects`）: 既存UIをまず監査し、その後レイアウト、スペーシング、階層、スタイリングを修正します。 - soft-skill（`high-end-visual-design`）: より柔らかいコントラスト、余白、プレミアムフォント、スプリングモーションを備えた、洗練され落ち着いた高級感のあるUI。 - output-skill（`full-output-enforcement`）: 未完成の作業やプレースホルダーコメントではなく、完全な出力をモデルに出させるよう強制します。 - minimalist-skill（`minimalist-ui`）: Notion/Linearスタイルの、抑制されたパレットと鮮明な構造を持つエディトリアルなプロダクトUI。 - brutalist-skill（`industrial-brutalist-ui`）: スイスタイポグラフィと鋭いコントラストを備えた、硬質で機械的なデザイン言語。 - stitch-skill（`stitch-design-taste`）: オプションのDESIGN.mdエクスポート形式を含む、Google Stitch互換のルール。 画像生成スキル（参考画像のみ、コードなし）: - imagegen-frontend-web（`imagegen-frontend-web`）: 強いタイポグラフィとアートディレクションを備えた、ヒーロー、ランディング、複数セクションのページ向けウェブサイト構成。 - imagegen-frontend-mobile（`imagegen-frontend-mobile`）: iOS/Android/クロスプラットフォームのモックアップ向けのモバイル画面とフロー。 - brandkit（`brandkit`）: ロゴの方向性、パレット、タイプ、アイデンティティ適用を網羅するブランドキットボード。 これらの画像スキルは、ChatGPT Images、Codexの画像モード、または類似のジェネレーターと併用するように設計されており、生成されたフレームはその後Codex、Cursor、Claude Codeに実装用として渡すことができます。READMEはまた、agent-skills CLIが`skills/`フォルダー以下のすべてのスキルを検出するため、コードスキルと画像生成スキルは同じ方法でインストールされると述べています。 プロジェクトには、v1からv2への差分を扱う変更履歴、スキルの背景メモを収めたresearchディレクトリ、そしてTaste Skillに関連する公式トークン、コイン、暗号プロジェクトは存在しないという免責事項が含まれています。リポジトリはMITライセンスです。