memi-ready Next.js, Tailwind, shadcn, MCP, and Agent Skills sandbox for interface understanding and design-to-code exploration.
Agent Claude Code
Scaffolds shadcn-based React compositions into src/app/sandbox/page.tsx from a spec (from screenshot-decoder) or a plain brief. Use AFTER screenshot-decoder, or directly when the user gives a text-only brief.
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.