技能中的第 175 個，共 1,410 個

第 1 部影片，共 1 部Bookmark icon bounces and bursts on a red canvas

開啟影片頁

語言: 英文
畫面文字：任何語言
製作工具: Remotion
所需工具: Bun
Python 3
FFmpeg
需要: 無需 API 金鑰
執行於: Claude Code
Codex
輸出: 1:1
MP4
可離線使用: 是
測試狀態: 靜態檢查通過 · 尚未試算繪
生成所用: Your agent's own model

此技能提供的內容

含完整提示詞、指令碼和素材規則的 SKILL.md
適用於 Claude Code、Codex 或 Cursor 的單行安裝提示詞
可保存或在團隊內分享的 ZIP 下載
此技能未來的所有版本

Visual System

Micro-interaction + Debug Panel Demo

Create a single-shot UI micro-interaction demo with a debug panel.

v1.0.0 · Potto

Premium 技能

Premium

任一付費方案皆包含，也可一次支付 US$5 購買此技能。登入後繼續。

SKILL.mdPremium

--- name: bookmark-micro-interaction-panel description: Create a single-shot UI micro-interaction demo with a debug panel. A clicked outline icon performs a jelly deformation, halftone fill, and spark burst; a parameter panel then opens at the top right, and the cursor scrubs the same animation forward and backward frame by frame. Use for save, like, or follow state transitions and component demos with parameter panels. Includes a renderable Remotion scaffold with visuals, panel content, and cursor events driven by slot JSON. Triggers include micro-interaction, save animation, bookmark animation, like animation, UI component demo, debug panel, scrub playback, halftone fill, and Remotion component animation.

Lite、Pro 和 Max 皆包含所有 Premium 技能。

Create a single-shot UI micro-interaction demo with a debug panel. A clicked outline icon performs a jelly deformation, halftone fill, and spark burst; a parameter panel then opens at the top right, and the cursor scrubs the same animation forward and backward frame by frame. Use for save, like, or follow state transitions and component demos with parameter panels. Includes a renderable Remotion scaffold with visuals, panel content, and cursor events driven by slot JSON. Triggers include micro-interaction, save animation, bookmark animation, like animation, UI component demo, debug panel, scrub playback, halftone fill, and Remotion component animation.

更新於 2026年10月21日

選擇你的方案

同一份點數餘額，可用於 AI 影片與 AI 圖片。按月或按年訂閱，或一次性購買點數包。

Lite
US$20/月
按月計費
選擇 Lite
每月 HD 出圖張數
了解更多
Nano Banana Pro44 張
Nano Banana86 張
每月影片支數
30 秒產品示範影片13 支
60 秒解說影片5 支
- 每月 2,000 點數
- 最多 86 張快速生成圖片
- 標準佇列
- 不加上 Potto 浮水印
- AI 工具批次處理
- 不列入公開作品集
- 包含所有 Premium 技能
Pro
US$50/月
按月計費
選擇 Pro
每月 HD 出圖張數
了解更多
Nano Banana Pro111 張
Nano Banana217 張
每月影片支數
30 秒產品示範影片33 支
60 秒解說影片13 支
- 每月 5,000 點數
- 最多 217 張快速生成圖片
- 優先排隊
- 不加上 Potto 浮水印
- AI 工具批次處理
- 不列入公開作品集
- 包含所有 Premium 技能
推薦
Max
US$100/月
按月計費
選擇 Max
每月 HD 出圖張數
了解更多
Nano Banana Pro333 張
Nano Banana652 張
每月影片支數
30 秒產品示範影片100 支
60 秒解說影片40 支
- 每月 15,000 點數
- 最多 652 張快速生成圖片
- 最高優先排隊
- 不加上 Potto 浮水印
- AI 工具批次處理
- 不列入公開作品集
- 包含所有 Premium 技能

Videos use credits on export. Your balance must cover the export before you start. Counts assume a 30s demo and a 60s explainer with narration and 3 illustrations.