Agent Claude Code
Adds motion to a static composition. Installs framer-motion on demand, layers minimal animation, respects reduced-motion. Use AFTER component-scaffolder, only when the brief calls for motion.
Agent Claude Code
Read-only. Decodes a screenshot, image URL, Figma node, or written brief into a structured component spec. Use FIRST whenever the user provides a visual or a non-trivial brief, before any scaffolding.
Command Claude Code
Spike a design idea — decode brief/screenshot/figma, scaffold shadcn into /sandbox, optionally layer motion. Default entry point for any design exploration.
Settings file Claude Code
Agent settings declaring 16 allowed tools.
MCP server Claude CodeCodexCursor +2
MCP server "memoire" as configured in memi-design/design-sandbox. Launched with memi mcp start --no-figma. Needs 2 environment variables to run.
Instructions file CodexOpenCode
Instructions for memi-design/design-sandbox, covering this is not the next.js you know, design2code.ground, quick orientation and pointers for non-claude tools.
Instructions file
Instructions for memi-design/design-sandbox, a project described as: memi-ready Next.js, Tailwind, shadcn, MCP, and Agent Skills sandbox for interface understanding and design-to-code exploration.