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

Transform color groups into semantic tokens. Create new collections, duplicate with remapping, update values across libraries.

38 users

Variant Selector

Filter variants by properties and select in bulk. Handle complex component sets with hundreds of variants.

86 users

Text Style Duplicator

Duplicate entire text style hierarchies with custom mapping. Preserves folder structure across collections.

67 users

Custom Mapabox Maps

Desgin and drop renders of Mapbox maps straight into Figma.

2 users

Visual Asset Generation

Aura Backgrounds

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

Vismay — The Viz Engine

A reusable visualization and storytelling engine. One registry, one scroll model, one asset pipeline — powering three verticals so far.

Vismay

A monorepo viz engine — registry, slot dispatchers, asset pipeline, capture pipeline — composed once and reused across vizmaya.fyi, footshorts.com, and vizf1.com.

Composable viz registry

Maps, charts, and prose slots dispatched from a single registry — reusable across verticals.

Scroll-driven storytelling

One scroll position drives Mapbox flights, ECharts step states, and text snap-locks together.

Markdown + YAML authoring

Stories authored as MD + YAML, statically generated, themed per-story via CSS variables.

Asset + capture pipeline

Admin uploader, Compose panel, and capture pipeline shared by every Vismay vertical.