The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
At Shopify, I led development of an AI-powered merchant analytics dashboard using LangChain + Claude API, enabling natural language queries over $2B+ in annual transaction data. Architected GraphQL federation across 14 microservices, cutting frontend load from 3.1s to 740ms. #Shopify #GraphQL #AI #TypeScript
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
@Figma to @Shopify with @Instant, feels like designing at light speed if you are fast enough, you can design each section while the next one gets built with
@Instant AI is the part I love the best while using AI, adding my human touch and personal taste
say NO to e-comm generic design flop
turn on sound 🔈
the faq block makes the page easy to use
Agent products resist normal product marketing. There's no single interface to screenshot and the category vocabulary has gone generic, so a feature list communicates almost nothing.
We built Heron's explanation as a four-beat scroll that runs the agent's actual loop. The model appears and is watched. Violations surface with plain language and a real IBC clause. An edit is applied after approval. The system learns the firm's standards.
Pacing was the main design problem. Each beat needed enough scroll distance to register as a separate action, without the section becoming so long that people bail before the payoff. The sequence carries the technical detail that would otherwise sit in a spec table.
The four-beat scroll is a smart way to make the agent’s loop feel tangible—much clearer than a static feature list. The restrained visual system gives the interaction room to breathe.
Title: UtilForge — Client-Side Developer Tool Matrix
Summary: A suite of 20+ developer utilities that run entirely in
the browser. No uploads, no server, no data leaving your machine.
What I did: Built the full stack — Next.js frontend, Web Workers
for heavy processing (formatting tens of thousands of lines of JSON,
PDF manipulation, hashing) so the UI never blocks. Every tool works
offline after first load.
Tags: Next.js · React · TypeScript · Web Workers
Link: utilforge.dev
The no-upload promise is the strongest part. I'd make the offline state visible in the UI, so someone working with sensitive JSON or PDFs can see that the file stays on their machine before they drop it in.