タスク用スキル
Taste Skill
公開 Web サイトに意図的な視覚的な方向性を与え、ブラウザで結果を確認します。
紹介
公開ドキュメントに基づき LessAI Tools が編集
Taste Skill は、コーディング アシスタントが実際の概要から公開ページをデザインするのに役立ちます。デフォルトのワークフローでは、視覚的な方向を選択し、関連する画像を使用し、スクリーンショットを確認します。
このリポジトリは、再設計、制限された製品インターフェイス、画像参照のための個別のスキルも提供します。すべてのスタイルをインストールするのではなく、ページに合ったワークフローを選択してください。
使い始める
準備するもの
- デフォルトのスクリプト化されたワークフローには、Node.js 22 以降と、インストールされた Chrome、Edge、または Chromium ブラウザーが必要です。
- 互換性のあるコーディング アシスタントを使用して、実際の概要と内容を提供してください。外部画像を検索するにはネットワーク アクセスが必要です。
制限と費用
- デフォルトのスキルは、マーケティング ページ、ポートフォリオ、および同様の公開ページをターゲットとしています。ダッシュボードとアプリ画面では、リポジトリ内の異なるスキルが使用されます。
- メディアの帰属と生成された動作を自分で確認してください。このサイトはドキュメントをレビューしたものであり、各バリアントのインストール テストは行っていません。
公開ドキュメントに基づく案内です。全項目を個別にインストールして検証したものではありません。
できること
- 主題、視聴者、実際のコンテンツからアートの方向性を構築します。
- ページの作成中に参照画像とブラウザ インスペクターを使用します。
- 複数の幅でスクリーンショットを確認し、最も重要な問題を修正します。
公式プロジェクトとドキュメント
プロジェクトの説明（翻訳）
コーディングエージェントにセンスを与えるエージェントスキル: アートディレクション、参照画像、一般的な AI ページの代わりのブラウザチェック
用途が近いプラグイン
主な用途を優先し、共通する作業とスター数を参考に選んでいます。接続方法は異なる場合があります。
- Anthropic Skills · Frontend Design — 意図的なレイアウト、タイポグラフィー、インタラクションを選択してインターフェイスを計画、構築、批評します。
- Text to CAD — 形や寸法を説明し、編集可能な 3D 部品を作ります。
- Stitch Skills — 文章や画像から画面設計と実装部品へ AI を案内します。