frontend-design

このスキルは、一般的な「AIスロップ」美学を避けた、個性的でプロダクショングレードのフロントエンドインターフェースの制作をガイドします。例外的な美学的細部への注意と創造的な選択を伴った、実際に動作するコードを実装します。

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

デザイン思考

コーディングする前に、コンテキストを理解し、大胆な美学的方向性にコミットしてください：

• 目的：このインターフェースはどのような問題を解決しますか？誰がそれを使いますか？
• トーン：極端な方向を選びます：徹底的にミニマル、最大限主義的なカオス、レトロ未来的、有機的/ナチュラル、ラグジュアリー/洗練、遊び心のある/おもちゃのような、エディトリアル/マガジン、ブルータリズム/ラフ、アールデコ/幾何学的、ソフト/パステル、インダストリアル/ユーティリタリアンなど。選択肢はたくさんあります。これらを参考にしながら、美学的方向性に真実である1つを設計してください。
• 制約：技術要件（フレームワーク、パフォーマンス、アクセシビリティ）。
• 差別化：このデザインが忘れられないものにするには？誰かが記憶に残す1つのこと

...