AI Playbook

AI in My Creative
& Dev Workflow

AI as creative infrastructure — not just using tools, but building AI-powered tools that multiply output across design systems, video production, and frontend development.

Design System Infrastructure

A unified pipeline from color definition to production code.

colors.promad.design
Visualize and export Tailwind-compatible color palettes. The hub that feeds everything downstream.

Figma Plugins

Custom tools for design system management

Cross Collection Color Token Mapper
Cross Collection Color Token Mapper
Transform color groups into semantic tokens. Create new collections, duplicate with remapping, update values across libraries.
Variant Selector
Variant Selector
Filter variants by properties and select in bulk. Handle complex component sets with hundreds of variants.
Text Style Duplicator
Text Style Duplicator
Duplicate entire text style hierarchies with custom mapping. Preserves folder structure across collections.

Visual Asset Generation

Aura Logo
Aura Backgrounds
Dynamic, responsive background generation for static assets, motion graphics, and website embeds.

Vibe-Coded Experiments

Quick interactive prototypes — concept to working code in hours.

Trip Planner
AI-powered trip planning tool for organizing and visualizing travel itineraries.
SVG to 3D headers
Interactive app turn svg logos into web-friendly, embed-ready 3D animations
Web based 3D part animation
Interactive browser-based viewer for the gate assembly model, built from a .STEP file with no external viewer dependency.
OVO App
Interactive app prototype built with AI-assisted rapid development.
Weather
Beautiful weather visualization with dynamic, responsive data display.
MOW App
Playful app concept brought to life from idea to working code.

Creative Production Pipeline

Modular Video Ad System
5
hooks
×
5
content
×
5
CTAs
×
5
scripts
=
100+
variations
1

Creative brief as input

2

Generate modular script components like hook and CTA

3

Generate screenplay options for each script component

4

Mix-and-match any combination

5

Create final ouput compiling generated videos and audios

Video Brief Development
From concept to generation-ready documentation
Scene-by-scene breakdown with timing
Complete visual asset lists per scene
Narration scripting and direction
Music and sound design mapped for generation
Generation-ready image and video prompt direction

Shipping Product

Regular frontend contributions while building all of the above.

0commits

across 4 production codebases

+0

lines added

-0

lines removed

Plus: AI-generated coloring sheets in Creator Studio for SEO landing pages.