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.
33 users
Variant Selector
Variant Selector
Filter variants by properties and select in bulk. Handle complex component sets with hundreds of variants.
75 users
Text Style Duplicator
Text Style Duplicator
Duplicate entire text style hierarchies with custom mapping. Preserves folder structure across collections.
57 users

Visual Asset Generation

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

Launched Products

AI-assisted from concept to production — public platforms shipped end-to-end.

vizmaya.fyi
Scroll-synced data narratives — Mapbox maps, ECharts visualizations, and prose unified by a single scroll position. 13+ published stories on geopolitics, economics, and technology.
13+ storiesMapbox GLNext.js 16

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.

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.