Skills

Make short films with a coding agent: 59 visual styles, original sound and a workflow for creating your own style.

Explore code-made animations, the prompts behind them, and original-versus-remake comparisons.

Create HTML slide decks with a coding agent, discover a visual style, or turn a PowerPoint deck into a web presentation.

Create code-driven artistic animations and visual explainers with a coding agent.

Find animated React components, backgrounds and micro-interactions, with live controls and JavaScript or TypeScript source.

Two reusable workflows for coding agents: build a landing page, or turn a static design into an animated showcase.

Download and organize media with a desktop toolbox that can connect to coding agents through MCP.

Create video workflows with an AI coding agent from a reference, a template or a written brief.

Give your coding agent searchable UI styles, palettes, typography and design-system guidance.

Build interactive 3D scenes with a coding agent using scene recipes, Three.js starting points and visual inspection workflows.

Analyze a video with extracted frames, scene changes and an optional transcript.

Analyze a DaVinci Resolve frame and assist with color adjustments through Resolve MCP.

Guide coding agents to build, critique and polish distinctive interfaces with a shared design vocabulary.

Plan and review transcript-timed B-roll from local footage or Pexels for a cut-as-code video project.

探索 15 种动效设计风格，每种均附短片、提示词和完整代码。

浏览代码生成视频的提示词、公开案例和多种制作路线。

使用 p5.js 与 p5.brush 的手绘角色动画入门包，包含角色表情和渲染指南。