My Development Process

Predictable workflow. Consistent quality. Zero surprises.

01

Figma Handoff

You share the Figma file with developer mode access. I use Figma MCP to extract exact spacing, typography scale, color tokens, and breakpoint specs.

What I need: Figma link, theme repository access, any custom app integrations.
02

Local Build in Claude Code

I spin up the theme locally via Shopify CLI and build the section in Claude Code. Real-time preview, hot reload, context-aware autocomplete.

Timeline: Most sections are built in 4-8 hours depending on complexity.
03

Cross-Device Testing

I test on mobile, tablet, and desktop. Check all breakpoints, verify performance metrics, ensure accessibility standards are met.

Quality checks: LCP under 2.5s, no layout shift, WCAG AA compliance.
04

Delivery and Handoff

I push the code to your theme repository with a detailed commit message. Include a Loom walkthrough of the section settings and any edge cases.

Format: Clean Liquid, organized schema, inline comments for complex logic.

Retainer Structure

I work best in ongoing partnerships where we build rhythm and trust over time.

Monthly Capacity

15-20 sections per month, depending on complexity. Typical mix: 60% new builds, 40% revisions and bug fixes.

Communication

Async-first via Slack or your PM tool. I provide daily updates and flag blockers immediately.

Turnaround

Standard sections: 24-48 hours. Complex builds (multi-variant logic, app integrations): 3-5 days.

Availability

Monday-Friday, 9am-6pm EST. Emergency fixes handled within 4 hours during business days.

The Toolchain Advantage

Claude Code

This is where I live. The AI-assisted environment means I can iterate faster, catch edge cases earlier, and write cleaner Liquid without the cognitive overhead of memorizing every schema option.

Why it matters: Faster builds, fewer bugs, more time spent on UX details instead of syntax.

Figma MCP

Direct connection between design and code. I pull spacing values, font sizes, and color variables programmatically—no more eyeballing or manual measurement.

Why it matters: Pixel-perfect accuracy without the guesswork. First-pass approval rate of 98%.

Ready to Work Together?

If this workflow aligns with how your agency operates, let's start a conversation.

Discuss a Retainer