🧩どんなサービス? 6つのポイント
👤誰が使う?
Webアプリを作る個人開発者や制作会社のデザイナー。
😩困っていたこと
AIにコードを書かせると画面の動きがぎこちない。毎回アニメの調整に時間を取られる。
✅してくれること
よく使う画面の動き(開く・閉じる・切り替え)のお手本を集めて配る。コピペするだけで使える。
🤖AIの役割
AIのコード書きツールに読ませる説明書を用意し、AIが同じ動きを再現できる。
💰お金の仕組み
今は無料で公開している。価格の情報はない。
📈うまくいっている証拠
Hacker Newsで23票、コメント8件。
🛠️自分でも作れる?
🧑💻率直なところ
作れる。画面の動きを書く知識があれば1〜2ヶ月で似た物を出せる。
🗾日本でやるなら
日本語のUI動きお手本集として出す。個人には無料、制作会社に月3千円ほどの有料版を売る。SNSと開発者の集まりで広める。
👣最初の一歩
自分が毎回書いている動きを10個選び、コピペできる形で1ページに並べて公開する。
✨まねするならこのアイデア
- ネット通販向けのカゴ追加アニメ集
- 業務ソフト向けの一覧表の動き集
- LINEミニアプリ向けの画面切替集
- 日本語フォントに合う文字アニメ集
- AI開発ツール用の和風デザイン指示書
🔬らぼのひとこと
AIがコードを書く時代に「お手本を渡す」商売が生まれた。人ではなくAIに読ませる資料を配る発想が新しい。素材集は個人でも作りやすく、真似しやすい。
🔎 くわしい点数と情報源
原文: Collection of the most essential UI transitions for web apps. Copy and paste them, or use them with your coding agent via the skill.
🧭似ている事例
clodfarm
開発者向けの、Claude Codeを何台も並べて24時間働かせるAI
🛠️ 自分で作れる度★★★★★🗾 日本でやれる度★★★★★
OwlLayer AI
Web開発者向けの、自社アプリの画面をAIに操作させる部品
🛠️ 自分で作れる度★★★★★🗾 日本でやれる度★★★★★
Interview prep mock tool
就活生向けの、求人票から本番そっくりの模擬試験を作るAI
🛠️ 自分で作れる度★★★★★🗾 日本でやれる度★★★★★
💴 無料