PROJECT 03


SYSTEM-01
Parametric Composition Engine

SYSTEM-01
Parametric Compostion Engine

SYSTEM-01

Parametric Compostion Engine

CONCEPT

A functional design tool built to automate the assembly of my hand-drawn character archives. This engine transforms static sketches into a dynamic, logic-based system for generating unique brand assets.

CHALLENGE

I had a massive library of hand-drawn components but no efficient way to prototype their combinations. I needed to solve the technical bottleneck of manual layer-swapping while maintaining the "raw" integrity of the original art.

RESULT

I directed the system logic and interface design.

The code was written in collaboration with Claude AI.

I defined the rules, the layering behavior, and the

visual output criteria. The engine does exactly what

I designed it to do.

IMPACT

  • 98% reduction in asset assembly time.

  • Seamless bridge between Design Thinking and Code Logic.

  • Scalable framework for internal brand tools.

LAUNCH LIVE ENGINE

CONCEPT

A functional design tool built to automate the assembly of my hand-drawn character archives. This engine transforms static sketches into a dynamic, logic-based system for generating unique brand assets.

THE CHALLENGE

I had a massive library of hand-drawn components but no efficient way to prototype their combinations. I needed to solve the technical bottleneck of manual layer-swapping while maintaining the "raw" integrity of the original art.

RESULT

Using Claude AI and JavaScript, I architected a custom engine to handle real-time asset randomization and z-index layering. I refactored the interface into a "Studio White" UI to blend my physical drawings with a professional software environment.

IMPACT

  • 98% reduction in asset assembly time.

  • Seamless bridge between Design Thinking and Code Logic.

  • Scalable framework for internal brand tools.

LAUNCH LIVE ENGINE

CONCEPT

A functional design tool built to automate the assembly of my hand-drawn character archives. This engine transforms static sketches into a dynamic, logic-based system for generating unique brand assets.

CHALLENGE

I had a massive library of hand-drawn components but no efficient way to prototype their combinations. I needed to solve the technical bottleneck of manual layer-swapping while maintaining the "raw" integrity of the original art.

RESULT

I directed the system logic and interface design.

The code was written in collaboration with Claude AI I defined the rules, the layering behavior, and the

visual output criteria. The engine does exactly what

I designed it to do.IMPACT

  • 98% reduction in asset assembly time.

  • Seamless bridge between Design Thinking and Code Logic.

  • Scalable framework for internal brand tools.

TOOLS: JavaScript · Claude AI · Procreate

TIMELINE: [ 1 month ]

TYPE: Self-initiated internal tool

TOOLS: JavaScript · Claude AI · Procreate

TIMELINE: [ 1 month ]

TYPE: Self-initiated internal tool

TOOLS: JavaScript · Claude AI · Procreate

TIMELINE: [ 1 month ]

TYPE: Self-initiated internal tool

PROJECT 02


PROJECT 03



PROJECT 03



ON_FA25_BTS_Tookit_final_Page_10.jpg
ON_FA25_BTS_Tookit_final_Page_10.jpg

Create a free website with Framer, the website builder loved by startups, designers and agencies.