AIへの動き指示は名前と数値で指定を

このZennの記事は、ClaudeやChatGPTでランディングページを作り、頼んでいない動きが返ってくることに悩む人に向けて書かれている。問題をプロンプト自体に帰し、「いい感じ」「おしゃれ」といった言葉では、どの要素を動かすか、どの動きを使うか、何秒かけるか、どれだけ動かすかをAIに委ねることになると指摘する。その結果は狙いを絞った動きではなく、画一的に派手な出力だと記事は述べる。

提案する解決策は、動きの名前を日本語と英語の両方で示し、適用する場所を明記し、速度と距離を数値で与え、OSの低モーション設定に配慮する注記を添えることだ。記事はこれを一度限りの裏技ではなく再現可能な依頼の型として提示し、Webでよく使う6つの動きを取り上げ、それぞれにプロンプト例とCSSを添えて型を示している。あわせて、32種類の動きを実例と調整用スライダー付きで掲載する別のリファレンスサイトも紹介し、数値を目で確かめてから対応するプロンプトをコピーできるようにしている。