I led the design and rollout of Squarespace's mobile design system with an AI-assisted layer built on top of Basalt, our core component library. The goal was to dramatically reduce the time between concept and high-fidelity prototype — giving the mobile team a shared vocabulary that was already wired up to real components and ready to hand off.

The system introduced a set of AI agent rules and skills that could scaffold new prototypes, enforce token usage, and generate structured briefs from plain-language prompts. This let designers move faster without sacrificing consistency, and gave engineers cleaner specs with fewer hand-off gaps. The result was a measurable reduction in prototype-to-review cycle time and a foundation the team could extend as new patterns emerged.

I built and maintain a self-contained prototyping environment for the Squarespace mobile design team — a local web setup that mirrors the real app’s component library, typography, and spacing tokens so prototypes feel indistinguishable from production.

The environment includes an AI agent layer with structured skills for brief creation, prototype scaffolding, and automated commit workflows. Designers can describe a flow in plain language and get a fully scaffolded prototype folder, a pre-filled brief, and a live preview — all without touching a build tool. Screenshots are captured automatically on commit and surfaced on a shared landing page so the whole team can browse and share work without digging through branches.