frontend-magic-ui
✓洗練された SaaS ランディング ページ コンポーネント。数字ティッカー/統計アニメーション、ロゴ マーキー、弁当グリッド、デバイス モックアップ (iPhone、Safari)、シマー/レインボー ボタン、タイピング効果に使用します。 Framer Motion + Tailwind に基づいて構築されたプロフェッショナルなマーケティングの洗練。ドラマチックなヒーロー エフェクトには Aceternity を使用し、基本的な UI には shadcn を使用します。
SKILL.md
150+ animated components for SaaS landing pages. Professional polish, production-ready.
| Number animation | ✓ NumberTicker | ✗ | | Logo carousel | ✓ Marquee | ✓ InfiniteMovingCards | | Hero spotlight | ✗ | ✓ Spotlight | | Device mockup | ✓ Safari/iPhone | ✗ | | 3D card tilt | ✗ | ✓ 3D Card |
Rule: Magic UI = polished SaaS, Aceternity = dramatic effects
洗練された SaaS ランディング ページ コンポーネント。数字ティッカー/統計アニメーション、ロゴ マーキー、弁当グリッド、デバイス モックアップ (iPhone、Safari)、シマー/レインボー ボタン、タイピング効果に使用します。 Framer Motion + Tailwind に基づいて構築されたプロフェッショナルなマーケティングの洗練。ドラマチックなヒーロー エフェクトには Aceternity を使用し、基本的な UI には shadcn を使用します。 ソース: petbrains/mvp-builder。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-magic-ui- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-09
- 更新日
- 2026-02-18
クイックアンサー
frontend-magic-ui とは？
洗練された SaaS ランディング ページ コンポーネント。数字ティッカー/統計アニメーション、ロゴ マーキー、弁当グリッド、デバイス モックアップ (iPhone、Safari)、シマー/レインボー ボタン、タイピング効果に使用します。 Framer Motion + Tailwind に基づいて構築されたプロフェッショナルなマーケティングの洗練。ドラマチックなヒーロー エフェクトには Aceternity を使用し、基本的な UI には shadcn を使用します。 ソース: petbrains/mvp-builder。
frontend-magic-ui のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-magic-ui インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/petbrains/mvp-builder