あなたのMCPを目立たせる

Frontend Design

公式

ライセンス不明 · 更新 2026/11/06

/Frontend Designについて

このスキルは、ユーザーインターフェースを作成または再構築する際に、アシスタントがデザインリードのように振る舞うのを助けます。一般的なテンプレートのようなページを作成するのではなく、プロジェクトの特定の主題に合った色、タイポグラフィ、レイアウト、モーション、および書かれたコピーにおける意図的な選択を促します。

また、デフォルトのクリームとテラコッタのパレット、同一の丸いカード、すべて大文字のラベルなど、AIが生成する一般的なデザインのクリシェに対しても警告します。

プロジェクトの公開情報をもとに AI で作成した掲載ページです。誤りを含む場合があるため、元の情報源をご確認ください。

/Frontend Designの使いどころ

特徴的な外観で新しい製品のランディングページをデザインする
このダッシュボードを一般的なテンプレートに見えないように再設計する
ポートフォリオサイトのヒーローセクションとビジュアルスタイルを作成する
このページのデザインをレビューし、テンプレートのように感じる部分を指摘する
このインターフェースの明確で使いやすいボタンのラベルとエラーメッセージを作成する