Skill Usage Samples

Step-by-step guides with images and code.

#image #comparison #seedream #nanobanana #gptimage #inpaint #outpaint #panorama #benchmark #pixelart #gamedev

Inpaint & Outpaint with a Red Mask — Seedream 5 Pro vs Nanobanana vs GPT-Image-2

Paint a red zone over what you want changed, ask the model to inpaint it — then chain that same trick sideways, twice, to outpaint a panorama. Real results from Seedream 5 Pro, Nanobanana Pro, and GPT-Image-2.

Jul 15, 2026

#image #comparison #seedream #nanobanana #gptimage #benchmark #ui #mobile-app #game-dev #transparency

Seedream 5 Pro vs Nanobanana Pro vs GPT-Image-2 — Six Real Scenarios, Side by Side

One prompt, three generators, every time. Real outputs from Seedream 5 Pro, Nanobanana Pro, and GPT-Image-2 across photorealism, dense text rendering, grounded reference editing, a dark-mode investing app UI, a dark fantasy ARPG game screen, and a transparent green-screen game sprite.

Jul 15, 2026

#textures #tiling #seamless #ideogram #materials #game-dev #ui

Seamless Tiled Textures with Ideogram — Stone, Fabric, and Sci-Fi Metal

Generate seamless, edge-matching tile textures with Ideogram's tiling mode — three real samples (mossy stone, woven fabric, sci-fi metal) with 2×2 proof shots.

Jul 14, 2026

#gamedev #sprite #video #animation #kling #nanobanana #pipeline

Video → Game Sprite Sheet: Fantasy Hero Animation Pipeline

Nanobanana draws the character, Kling animates it, gamedev_convert_video_to_sprite_sheet turns it into a transparent sprite sheet — a full walkthrough for turning a character concept into an engine-ready animated sprite.

Jul 13, 2026

#ui #wizard #dynamic-interface #character-sheet #storyboard #seedance #gpt-image #pipeline #cody

Character to Video Wizard — Build a 4-Step AI Pipeline UI in Minutes

How to build a fast, production-ready 4-step wizard UI using the dynamic interface skill — drop a photo, generate a character sheet, create a storyboard, produce a video.

Jun 12, 2026

#ui #music #inpaint #suno #parallel #quadcode

A Professional Music Editor UI with Inpainting and Revision History

A live IDE music editor — five separate songs, each in its own tab: drag to select a region, replace it or add vocals, undo any edit, and regenerate every song in parallel.

Jun 12, 2026

#gamedev #character #animation #storyboard #seedance #gpt-image #cinematic #pipeline

How to Make a Game Character Animation Video

Real workflow: generate a character sheet from a concept, build a 16-panel cinematic storyboard, then render a 15-second fight video — all from a single text description using gpt-image and Seedance.

May 12, 2026

#icons #design #ai #nanobanana #flux #gpt-image #grok #qwen #z-image #app-icon #macos #favicon

How to Make an App Icon with AI — 6 Generators Compared

Real workflow: generate a password manager app icon using 6 different AI image generators, compare results, remove background, and export to transparent PNG, macOS .icns, and favicon.ico.

Apr 26, 2026

#icons #design #ai #nanobanana #inpaint

How to Make a New Flat Icon in an Icon Pack

Real workflow: how we created a builder hammer icon (hammer3) using nanobanana inpaint, a 2×2 reference grid, mask, bw postprocessing, crop and finalize steps.

Apr 22, 2026

#video #advertisement #perfume #seedance #nanobanana #grok #cinematic

How to Make a Perfume Advertisement Video

Real workflow: generate a cinematic 15-second luxury perfume ad video — first use nanobanana + grok to create a product reference image, then feed it to Seedance for the final video.

Apr 22, 2026

#image #data #table #nanobanana #grok #gptimage #comparison #style-reference

Make an Image with Data Using Several Different Image Generators

Real workflow: generate the same data-driven pricing table with three different AI image generators — nanobanana, Grok Image, and GPT-Image — using a style reference, then compare results.

Apr 22, 2026

#remotion #animation #react #video #llm #presentation #typescript

Animated LLM Landscape Presentation with Remotion

Real workflow: build a fully animated data-driven presentation video in React using Remotion — LLM comparison data (April 2026), animated bar charts, opinion cards, and cinematic scene transitions. No video editor needed.

Apr 22, 2026