frontend-design

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

コンテキスト収集プロトコル

デザインスキルはプロジェクトコンテキストなしではジェネリックな出力を生成します。デザイン作業を行う前に、必ずデザインコンテキストを確認する必要があります。

必須コンテキスト — すべてのデザインスキルに最低限必要なもの:

• 対象ユーザー: このプロダクトは誰がどのようなコンテキストで使用していますか?
• ユースケース: ユーザーはどのような仕事を成し遂げようとしていますか?
• ブランドパーソナリティ/トーン: インターフェースはどのような印象を与えるべきですか?

個別のスキルには追加のコンテキストが必要な場合があります — スキルの準備セクションを確認してください。

重要: コードベースを読むだけではこのコンテキストを推論することはできません。コードは何が構築されたかを示していますが、誰のためなのか、どのように見えるべきなのかは示していません。このコンテキストは制作者のみが提供できます。

収集の順序:

1. 現在の指示を確認する(即時): ロード

...