Dev MCP

The standard method for building and maintaining Shopify projects at DotCollective — Claude Code, platform agents, and the full MCP server stack.

Get Started Agents

All development flows through Claude Code

Engineers issue natural-language commands in the terminal. Claude Code activates a platform agent, reads designs from Figma, generates code following platform conventions, writes files, visually verifies output with Playwright, and iterates until the implementation matches the design.

Environment Setup One-time prerequisites — Node.js, pnpm, Shopify CLI, Claude Code, Figma Desktop, Entire.io.

Agents Platform agents define how you work — Theme Developer, Hydrogen Developer, QA Engineer.

Build Commands setup, design-system, build, refine, commit — the core workflow.

Quality Commands performance, audit, seo, accessibility, maintenance — audit, fix, verify.

New Project Process Greenfield projects — scaffolding through launch.

Existing Repositories Integrating the MCP workflow into live projects.

Skills System On-demand knowledge packs — SearchSpring, Nosto, Tagalys, code review, scoping.

Troubleshooting Common issues and resolutions.