Tools
Tools
Design and development tools that streamline working with the Marmo UI.
Tools
The Marmo UI ships alongside a small set of developer tools that make it faster to ship correct, on-brand UI.
AI tooling
| Tool | Audience | What it does |
|---|---|---|
| Claude Plugin & MCP | Every engineer working on a Marmo product app | Auto-loads a skill, slash command, and live MCP connection in Claude Code so the AI generates @marmoui/ui code with real prop signatures — no hallucinated components, no wrong imports. |
Design & build (coming soon)
- Figma plugin — open a Marmo component in Figma and copy the matching React snippet to your clipboard.
- Storybook explorer — browse every component variant interactively at storybook.marmoui.com.
- CLI scaffolder —
pnpm dlx @marmoui/ui-cli new page settingsto generate a settings page from a pattern in seconds.
If a tool you'd find useful isn't here, open an issue on mahmoudilyan/marmoui with the label tooling-request.