01 / 10
Claude Code ＼ 動きのあるサイト ／ ツール図鑑

HTML / CSS / JavaScript はあくまで土台。あの“予算ありそう”な動きは、裏で専用ライブラリを呼んでるだけ。

1ツール＝1枚。「これ使って、こう指示すれば、こう動く」をまとめました。気になったやつをClaude Codeにそのまま投げてOK。

↓ スクロール / 矢印キーでめくる
+
最後に・指示のコツ

盛りすぎ、禁物。

  • 1まず1個だけ入れる。全部盛りは“クリスマスツリー現象”で逆にダサくなる。1サイト1〜2演出が上品。
  • 2「動きはゆっくりめ・控えめに」と一言添えるだけで、急に高見えする。やりすぎは安っぽさの母。
  • 3動かない時は「使ってるライブラリ名とCDNのURL教えて」とClaude Codeに聞き返す。だいたい読み込み忘れが犯人。
  • 4最後に「スマホでも崩れてないか確認して」。動き系はモバイルで重くなりがちなので必ず一声。