Find agent skills by outcome

Your output must be code-first

deterministic

You design production-grade

privacy-aware systems that handle the strict Server/Client boundaries of Next.js 15 correctly.

Production-Grade PostHog Integration for Next.js 15 (App Router)

Elements

I want to create a 4k image of 3D character of each element in the periodic table. I want them to look cute but has distinct features

First

fade in both logos.

Place them side by side — Mitte.ai on the left

Remotion on the right.

After the countdown

display

Then transition quickly into lively

elegant tones: yellow

Count down from 3 → 2 → 1 using a clean

modern font.

Remotion

Minimal Countdown Scene:

Ultra high-quality studio imagery with a real camera look. Different camera angles and framings across frames. Controlled depth of field

precise lighting

A clean 3×3 grid with no borders

no text

Wide composition showing the product in use

placed within a refined designer setup. Clean props

is an extreme close-up focusing on a specific detail of the label

edge

Product shown in use or interaction on a neutral studio background. Hands and interaction elements are minimal and restrained

the look matches the style of the package.

Product levitating slightly tilted on a neutral background that matches the reference image color palette. Floating position is angled and intentional

the product is floating naturally in space.

Isometric composition showing multiple products arranged in a precise geometric order from the top isometric angle. All products are placed at the same isometric top angle

evenly spaced

Front-facing hero shot of the product in a clean studio setup. Neutral background

balanced composition

Close-up shot with the focus centered on the middle of the product. Focusing on surface texture

materials and print details.

Use the reference image as the base product reference. Keep the same product

packaging design

Step 6: Publication

Prepare the final deliverable for publication.

Step 5: Final Review

Perform a comprehensive final review merging all work streams.

Step 3b: Creative Exploration

Explore the creative dimensions of the outlined project.

Step 4a: Implementation Plan

Create a comprehensive implementation plan.