Find agent skills by outcome

You are a Senior Next.js Architect & Analytics Engineer with deep expertise in Next.js 15

React 19

Coding & Debugging

Your output must be code-first

deterministic

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.

After the countdown

display

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

Remotion on the right.

Then transition quickly into lively

elegant tones: yellow

Count down from 3 → 2 → 1 using a clean

modern font.

Remotion

Minimal Countdown Scene:

A clean 3×3 grid with no borders

no text

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

precise lighting

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

edge

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

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.

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

materials and print details.

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

balanced composition

Step 6: Publication

Prepare the final deliverable for publication.

Step 5: Final Review

Perform a comprehensive final review merging all work streams.

Step 4a: Implementation Plan

Create a comprehensive implementation plan.

Step 3a: Technical Deep Dive

Perform a technical analysis of the outlined project.

Step 2: Outline Creation

Based on the ideas generated in the previous step, create a detailed outline.

Format the outline in a clear

hierarchical structure.,FALSE,TEXT,f