frontend-design

このスキルは、ジェネリックな「AI slop」美学を回避する独特で本番レベルのフロントエンドインターフェースの作成をガイドします。例外的な美的詳細とクリエイティブな選択に細心の注意を払った、実際に動作するコードを実装します。

ユーザーはフロントエンド要件を提供します。ビルドするコンポーネント、ページ、アプリケーション、またはインターフェースです。目的、対象ユーザー、または技術的な制約に関するコンテキストが含まれる場合があります。

デザイン思考

コーディングの前に、コンテキストを理解し、大胆な美学的方向性にコミットします：

• 目的：このインターフェースはどのような問題を解決しますか？誰が使用しますか？
• トーン：極端な選択をします：徹底的にミニマル、マキシマリストカオス、レトロ未来的、オーガニック/ナチュラル、ラグジュアリー/洗練、遊び心のある/玩具のような、エディトリアル/マガジン、ブルータリズム/ラフ、アールデコ/幾何学的、ソフト/パステル、インダストリアル/ユーティリタリアン、など。選べるフレーバーはたくさんあります。これらをインスピレーションとして使用しますが、美学的方向性に真実である設計を行います。
• 制約：技術要件（フレームワーク、パフォーマンス、アクセシビリティ）。
• 差別化：これを忘れられないものにするものは何ですか？誰かが覚えている唯一のことは何

...