taste-skill について
フロントエンド向けのデザインスキルで、デザインの変化度、動きの強さ、ビジュアル密度を調整する指針をエージェントに提供します。カタログ項目から計画時に発見できますが、完全なワークフローには上流のアセットのインストールが必要です。
主な機能
- 01デザインの変化度の調整
- 02動きの強さの調整
- 03ビジュアル密度の調整
- 04計画時のスキル発見を支援
活用シーン
- 01フロントエンドの計画時にビジュアルの方向性を設定
- 02UIの動きの強さとビジュアル密度を調整
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ nexu-io/ open-design --skill taste-skillインストール後、Claude Code で/taste-skillを入力して読み込まれたか確認します。
詳細
taste-skill
@Leonxlnx がまとめたものです。
概要
調整可能なデザインの変化幅、モーションの強さ、視覚的な密度によって AI のデザインセンスを高め、ありがちな凡庸な UI を防ぐ、高い自律性を備えたフロントエンドスキルです。
ソース
- 上流リポジトリ:https://github.com/Leonxlnx/taste-skill
- カテゴリ:
design-systems
使用方法
このカタログエントリは、エージェントが計画中にこのスキルを見つけられるよう、Open Design で紹介するものです。元のアセット、スクリプト、リファレンスを含む上流のワークフロー全体を実行するには、上流のバンドルをアクティブなエージェントのスキルディレクトリにインストールしてください。
# Inspect the upstream README for exact paths
open https://github.com/Leonxlnx/taste-skill
その後、スキル名(taste-skill)を指定するか、このスキルのフロントマターに記載されているトリガーフレーズのいずれかを使って、このスキルを呼び出すようエージェントに依頼してください。
コメント
Markdown 対応