taste-skill
Leonxlnx/taste-skill
コードエージェントに味を提供するエージェントスキル:アートディレクション、参照画像、および一般的なAIページではなくブラウザチェック
導入
- GitHub
- Leonxlnx/taste-skill
- 公式サイト
- tasteskill.dev
- スター
- ★ 102k
- ライセンス
- MIT
- 言語
- JavaScript
- 最終更新
- 2026年10月24日
- タグ
- anti-slop · codex · cursor · design-system · frontend
こんな用途に
- 一つのブリーフからサイトをデザインし、ありがちなランディングページではなくアートディレクションから組み立てる
- オープンなコレクションからパブリックドメインや CC ライセンスの実写画像を探し、クレジット付きで配置する
- ダッシュボードやアプリ画面をレイアウト・データ・グラフ・表まで含めて作る
- 既存ページを作り直す前に、実際のブラウザで現状をチェックする
始め方
- npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend" を実行する
- または Claude Code 内で /plugin marketplace add Leonxlnx/taste-skill と /plugin install taste-skill@taste-skill を実行する
- サイトやアプリのブリーフを渡すと、方向性を選び、画像を探してページを組み立てる
- 3 つの幅でブラウザ確認を行い、上位 3 つの問題を最大 3 回まで修正する
導入前に
Node 22 以上と Chrome、Edge、Chromium のいずれかが必要です。API キーは不要で、ネット接続は画像探しにのみ使います。1 回の構築に 30〜45 分と数十万トークンほどかかります。
プロジェクトの説明をもとに AI がまとめました。利用前に公式ドキュメントをご確認ください。
似たツール
- agent-skillsコミュニティスキル · ★ 110k
AIコードエージェント向けのプロダクショングレードのエンジニアリングスキル
- oh-my-openagentコミュニティスキル · ★ 70.3k
OmO:プロンプトに「mass ulw」というキーワードを入力するだけです。これでグラフエンジニアリングの主になります。
- humanizerコミュニティスキル · ★ 60.3k
テキストからAI生成の文章の兆候を削除するエージェントスキル
- huashu-designコミュニティスキル · ★ 26.1k
Huashu Design 3.0 · agentで一文を入力すると、Web / Appプロトタイプ / 編集可能なPPTX / アニメーション / 情報グラフを納品可能に。6つの候補から3つの方向を選ぶ。84種類のサンプル付きスタイルライブラリ。あなたの外観帳簿とデザイン検診にどんどん詳しくなる。Claude Code、Codex、Cursor、およびあらゆるエージェントに適したHTML-nativeデザインスキル
- delegate-skillsコミュニティスキル · ★ 2.5k
コードタスクを独立したコードエージェント CLI に委譲し、差分をレビューし、自分自身でコンミットをマージします。1人1人の実装者向け。
出典 GitHub · 著作権は各作者に帰属します