design-taste-frontend｜AIスキル大辞典

このSkillでできること

STEP 1

対象が読み進めるWebページか、操作するアプリ画面かを最初に分類する

STEP 2

方向性、タイプシステム、配色、ヒーロー、セクション構成を選び、対象の内容に合うコンセプトを定める

STEP 3

ページではlintと実ブラウザー検査を行い、必要に応じて複数幅のスクリーンショットを確認する

STEP 4

アプリ画面では専用のルールと検査手順を使い、画面の用途に合う密度やパネル構成を確認する

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/leonxlnx/taste-skill

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

この製品のランディングページを、汎用的なAI生成デザインに見えないよう再設計してください。対象ユーザー、製品の核心となる概念、必要なセクションを踏まえて方向性を複数提示し、選んだ案を実ブラウザーの検査とスクリーンショット確認で改善してください。

出力例を見る

方向性の候補、選定したコンセプト、配色・書体・構成案、検査で見つかった問題、修正後の確認結果。

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり

Shellコマンド実行明確な記述なし

ファイル読み取り明確な記述なし

ファイル書き込み明確な記述なし

ネットワークアクセス検出あり

認証情報検出あり

検出根拠を見る

network: l scenes [large code block omitted]bash npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend" [large code block omitted]
network: rontend" [large code block omitted]bash npx skills add https://github.com/Leonxlnx/taste-skill-classics --skill "high-end-visual-design" ``` ## Common Q
credential: ng. `assets.mjs` also needs network access; it uses no API keys. ## Page or app screen Decide first which of two kinds of work this is. - **A page**
credential: ome, Edge or Chromium. It installs nothing and uses no API keys. It needs the internet only to find pictures. **Where do the pictures come from, and ca