Claude Code に、ゆめかわなパーティクルアニメーションを作らせてみた
Claude Code を使ってみたくて、試しにゆめかわなパーティクルアニメーションを作ってもらいました👏
クリック or タップすると、パーティクルがちらばります。スマホ対応です。
✨ Particles ✨
だいたいの作り方
Claude Pro を個人で利用しているので、その範囲内で遊んでみました。
- ターミナルに Claude Code をインストール
- 「ゆめかわパーティクルアニメーション」を作るためのプロンプトを、Claude Pro(いつものブラウザでアクセスする方)に相談
- できたプロンプトを、Claude Code に入れてできた html を見ながら微調整
- 完成!
とこんな感じです。これくらいのものなら 数百 token でできたので、Claude Pro に含まれる Claude Code Usage の範囲内です。環境構築も homebrew で node.js がインストールされていればあっという間でした。
面白いな〜。セキュリティには気をつけつつ、また何か作ってみよう。