design-taste-frontend

概要

ランディングページ、ポートフォリオ、リデザインのための、量産感を避けるフロントエンドスキル。デザインの読み解きを言語化し、ばらつき・モーション・密度のダイヤルを設定してから、長いプリフライトチェックを実行する。

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, a

デザインにとっての意味

• エンタープライズ向けのブリーフには、手作りの見よう見まね CSS ではなく公式のデザインシステムパッケージが使われる。
• プリフライトは、ダッシュ記号、セクション番号のアイブロウ、スクロール誘導、重複する CTA の意図を禁止する。
• レイアウトの繰り返しには上限があり、8 セクションなら少なくとも 4 種類の異なるファミリーを使う。

カバーする内容

• Brief inference
• The three dials
• Brief to design system map
• Design engineering directives
• AI tells
• Final pre-flight check