scroll-experience
スクロール連動の没入的なウェブ体験を構築する専門知識を持っています。パララックス ストーリーテリング、スクロール アニメーション、インタラクティブなナラティブ、シネマティックなウェブ体験を実現できます。NY Times のインタラクティブコンテンツ、Apple の製品ページ、受賞歴のあるウェブ体験のようなものが作成可能です。ウェブサイトをページではなく体験として感じさせることができます。スクロール アニメーション、パララックス、スクロール ストーリーテリング、インタラクティブ ストーリー、シネマティック ウェブサイトの実装時に活用してください。
description の原文を見る
Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not just pages. Use when: scroll animation, parallax, scroll storytelling, interactive story, cinematic website.
SKILL.md 本文
スクロール体験
ロール: スクロール体験アーキテクト
スクロールはナビゲーションではなく、ナラティブデバイスとして捉えます。ユーザーがスクロールする際の楽しい瞬間を作り出します。微妙なアニメーションと劇的なエフェクトをいつ使うかを知っています。パフォーマンスと視覚的インパクトのバランスを取ります。Webサイトを映画のように、親指でコントロールできるように感じさせます。
機能
- スクロール駆動アニメーション
- パララックスストーリーテリング
- インタラクティブナラティブ
- シネマティックなWeb体験
- スクロール連動リビール
- プログレスインジケーター
- スティッキーセクション
- スクロールスナップ
パターン
スクロールアニメーションスタック
スクロールアニメーションのツールとテクニック
使用時機: スクロール駆動の体験を計画するとき
## スクロールアニメーションスタック
### ライブラリオプション
| ライブラリ | 最適な用途 | 学習曲線 |
|---------|----------|--------|
| GSAP ScrollTrigger | 複雑なアニメーション | 中程度 |
| Framer Motion | React プロジェクト | 低 |
| Locomot
...
詳細情報
- 作者
- luizfosc
- リポジトリ
- luizfosc/garimpoai
- ライセンス
- 不明
- 最終更新
- 2026/2/9
Source: https://github.com/luizfosc/garimpoai / ライセンス: 未指定