Architect — Interaction Recorder

Architect — Interaction Recorder

Functionize

Architect is a production-grade Chrome extension designed to capture, interpret, and transform real user interactions into a structured, replayable automation script. It works across any web page regardless of DOM structure using a deep event-tracking system that supports complex workflows and captures clicks, typing, scrolls, drags, navigation, uploads, downloads, and more. Each interaction is normalized into high-level actions that can be replayed, edited, or consumed by an automation engine or AI system, making it easy to convert real user behavior into reliable end-to-end tests and reusable automation flows.

Event Coverage

Mouse & Pointer

ClickPointerDownPointerUpMouseDownMouseUpMouseOverMouseOutMouseEnterMouseMovePointerMove

Keyboard & Input

KeyDownKeyUpInputFocus

Touch & Gestures

TouchMove

Drag & Drop

DragStartDragOverDragEnterDragLeaveDragDropDragEnd

Scroll & Navigation

ScrollContextMenu

Browser / System

FullscreenChangeBeforePrintAfterPrintWindowResizeMessage

Window-level

Click (window)MouseUp (window)PointerUp (window)
Automation Actions

Flow Control & Navigation

NavigateScrollWaitLoopsConditionals

Page Modeling & Data

PageObjectsPageVariablesVariablesTestVariableHTMLStorageCookiesStorageDBAPI Calls

Communication & Identity

EmailSMSSignature

Visual & Verification

FullPageCVVisPageChkMouseMoveKeypress

Files & Advanced

CustomCodeFileViewerUploadsDownloadsAddNoteGenerateData
Chrome ExtensionJavaScriptReduxAutomationTailwind

Project videos

Simple Loop

Recording a simple example, performing a Google search and adding a loop.

Code Injection

Providing a simple walkthrough where I perform a few actions inside an iframe.

Iframe Interaction

Showing a simple example of injecting and executing code.

Advanced Verification

Architect can capture and verify all the properties of a selected element, or mark it for visual AI validation.