加载中…
Creator · 值得学习
MotionSites 长期扎根MotionSites，交付可运行的界面，《Rocket 定价》配了完整实现思路。
作者标志性方法
只有同一作者至少 3 个已发布 Case 重复出现同类做法，才会形成作者方法；作者热度本身不能生成方法。
代表案例
定价区块 PricingSection 的精确复刻，React 18 + framer-motion，与 Rocket CTA 同一套设计系统。
提示语
构建一个与以下规范完全一致的 `PricingSection` React 组件。 ## 技术栈与全局设置 - React 18 + Vite + TypeScript、TailwindCSS、`framer-motion`、`clsx` + `tailwind-merge`，通过 `@/lib/utils` 中的 `cn()` 暴露。 - 深色主题。页面背景 `#000000`。字体：Inter（`font-inter`）。图标：Google **Material Sy
提示语
使用静态 **HTML + CSS + vanilla JS**（无框架），将其重建为一个**单视口、全出血视频背景落地页**。与当前实现完全一致。文件结构： ``` index.html styles.css main.js assets/logo.webp fonts/GeistPixel-Circle.woff2 ``` 文档标题：`Intelligence Designed To Evolve`。 Body：黑色 `#000`、`overflow: hidde
复制完整建站 Prompt 到 AI 编程工具（Cursor、v0、Claude 等）生成「Palomar Labs」对应的页面区块，替换文案、品牌与素材链接即可复用。 MotionSites 免费 Prompt 案例；站点不公开创作者，归属挂 MotionSites。
提示语
构建一个独立、像素级精确复刻的 Palomar Labs 营销落地页：仅包含固定导航栏 + 全 viewport 视频 Hero。不要添加其他区域。严格匹配此规范。不要编造额外文案、按钮、渐变、遮罩或装饰性斑块。 技术栈 React + TypeScript + Vite Tailwind CSS lucide-react 图标：ChevronDown、ArrowRight、Triangle 单个 App.tsx，包含 Navbar、Hero、TrustedBy 准确的资源和
