Leonxlnx/taste-skill

解決する課題

AIエージェントが『雑な』（slop）—一般的でテンプレートのようなユーザーインターフェースを生成するのを防ぎます。プロフェッショナルなレイアウト、タイポグラフィ、モーション、余白を備えた高品質なフロントエンドを生成するための、ポータブルな指示（スキル）のセットを提供します。

動作方法

このプロジェクトは SKILL.md ファイルのコレクションを提供します。これらはCLI（npx skills add）経由でインストール可能か、AI会話に直接貼り付けることができるポータブルな指示セットです。これらのスキルはAIがコードやデザイン画像を生成する際に従うシステムプロンプトやガイドラインとして機能します。

一部のスキルは実装（コード出力）に焦点を当てており、他のスキルは画像生成（ビジュアルリファレンスボードの作成）に焦点を当てています。ユーザーは特定の「ダイアル」（デザインのバリエーション、モーションの強度、視覚的密度）を調整することで、出力のデザイン言語をカスタマイズできます。

対象ユーザー

Cursor、Claude Code、CodexなどのAIコーディングエージェントを使用し、基本的なAI生成レイアウトから脱却して、高級感があり、洗練され、視覚的に特徴的なインターフェースを実現したい開発者やデザイナーです。

特徴

• 専門的なデザインスタイル：ミニマリズム、ブルタリズム、および「ソフト」な高級感のあるビジュアルデザインに特化したスキルを含みます。
• 画像からコードへのパイプライン：エージェントがまずビジュアルリファレンスを生成し、それを分析してからコードを実装する専用スキルがあります。
• 調整可能なパラメータ：レイアウトの実験、アニメーションの深さ、情報密度を制御するためのダイアルがあります。
• フレームワーク非依存：React、Vue、Svelteなどの主要なフロントエンドフレームワークで動作します。