加载中…
Creator · 值得学习
viktoroddy 在X输出 UI 工程化实践，《应式3D角色轮播动画UI》搭 Claude Sonnet 出方案，带可复现代码。
作者标志性方法
只有同一作者至少 3 个已发布 Case 重复出现同类做法，才会形成作者方法；作者热度本身不能生成方法。
代表案例
用四个角色位，center、left、right、back，加对应的固定样式表（缩放、模糊、透明度、层级）来描述轮播状态，而不是直接写死每张图片的具体位置，这种角色位驱动样式的架…
提示语
一键获取所有惊艳动画网站的 Prompt：http://motionsites.ai 用 React + TypeScript + Vite + Tailwind CSS 构建一个全视口高度的单一主视觉区块，图标使用 `lucide-react`。这个组件是一个名为「TOONHUB」的角色手办轮播组件。 **字体（在 `index.html` 的 head 中加载）：** ```html <link rel="preconnect" href="https://fonts
@viktoroddy 使用 Google Stitch · Claude完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
一键获取所有令人惊艳动效网站的提示词： 复刻这个落地页的完整提示词 为一家名为「APEX」的虚构公司创建一个深色、高级的 SaaS 落地页——一个营收加速平台。设计采用「液态玻璃」美学，超深色背景、半透明玻璃拟态元素，配绿色强调色。页面使用 React、Vite、TypeScript、Tailwind CSS、shadcn/ui 构建，视频流使用 hls.js。 全局设计系统 字体：Geist Sans（安装 @fontsource/geist-sans，字重 400
@viktoroddy 使用 Lovable · Nano Banana · Veo 3完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
一键获取所有令人惊艳动效网站的提示词： 创建一个单页 Hero 区域，带全屏循环背景视频、玻璃拟态导航和电影感排版。使用 React + Vite + Tailwind CSS + TypeScript，配 shadcn/ui。 视频背景： 全屏 <video> 元素，带 autoPlay、loop、muted、playsInline 来源 URL： 定位为 absolute inset-0 w-full h-full object-cover z-0 字体： 从
