Leonxlnx/taste-skill

これは何？

主な機能

• 01構築を始める前に、調査済みの選択肢からアートディレクションを選ぶデフォルトスキル。
• 02オープンな写真コレクションから実際の写真を取得し、ページ上にクレジットを記載。
• 03実ブラウザーで3つの画面幅を確認し、ありがちなパターンがあれば不合格にする。
• 04自身のスクリーンショットをもとに、視覚上の大きな問題を最大3ラウンド修正。
• 05リデザイン、画像からコードへの変換、ミニマリスト、ブルータリストのスタイルに対応する個別のスキルを提供。
• 06npx skills、Claude CodeまたはCodexのプラグイン、シンボリックリンクを設定したクローンからインストール可能。

ユースケース

• 独自のビジュアルアイデンティティを持つ、新しい公開用ランディングページやポートフォリオの構築。
• 既存サイトのレイアウト、余白、情報の優先順位のリデザイン。
• 参考画像を、画像に合ったフロントエンドコードに変換。
• コーディングエージェントにより厳格なデザインルールを適用し、テンプレートのようなUI出力を減らす。

トピック

よくある質問

taste-skill とは？

コーディングエージェントが、ありきたりなAIのLPではなく、独自のアートディレクションと実写、ブラウザーでの目視確認を取り入れたフロントエンドを設計できるAgent Skills。 Taste Skillは、Claude Code、Codex、Cursorなどのコーディングエージェント向けAgent Skills集です。デフォルトのスキルは、ランディングページ、マーケティングサイト、ポートフォリオ、製品ページなど、一般公開するページを対象にしています。AIツールが生成しがちなありきたりなレイアウトを避けるよう、エージェントを導きます。

taste-skill は無料で使えますか？ライセンスは？

taste-skill は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

taste-skill は今もメンテナンスされていますか？

活発にメンテナンス中。taste-skill の最終コミットは 2026年10月14日 です。

taste-skill は何に使えますか？

独自のビジュアルアイデンティティを持つ、新しい公開用ランディングページやポートフォリオの構築。 既存サイトのレイアウト、余白、情報の優先順位のリデザイン。 参考画像を、画像に合ったフロントエンドコードに変換。 コーディングエージェントにより厳格なデザインルールを適用し、テンプレートのようなUI出力を減らす。

taste-skill はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/Leonxlnx/taste-skill