# Magic Patterns

Source: https://useronboarding.ai/companies/magic-patterns

- Category: Onboarding for AI products
- Type: Dev tools
- Product: https://www.magicpatterns.com

An AI prototyping tool that teaches features during the first generation instead of before it: right after sign-up, a feature-introduction modal appears over the workspace while the first output is already rendering, and the loading canvas rotates tips.

## Notes

- Growthmates' teardown: "Immediately after sign-up, a feature introduction (comments, infinite canvas) appears while the first generated output is already visible."
- The captured modal is a paged carousel titled "Introducing Commands" — "Begin your message with '/' to access dedicated functions that the AI is optimized for" — with back/Continue buttons, laid over the generated site and file-creation log.
- While the AI generates, the preview pane shows an illustration with rotating tips (captured: "Our Github integration is a two-way sync."); the teardown says tips cover credits, shortcuts and design systems, "keeping the user engaged."
- Suggested next actions sit under the first response (/Polish, Add interactivity, Select element, Visit docs), and a credit nudge appears under the composer ("Almost at your limit! Get more credits.").

## Patterns

tips during generation, feature tour after first output, slash commands intro, suggested next actions, credit limit nudge

## Screens

- !["Introducing Commands" modal over the first generated site (left); loading state with a GitHub-sync tip while the agent plans (right)](https://useronboarding.ai/images/magic-patterns-1.jpg) "Introducing Commands" modal over the first generated site (left); loading state with a GitHub-sync tip while the agent plans (right) (source: https://www.growthmates.news/p/your-onboarding-should-become-invisible)

## Articles

- [Your onboarding should become invisible](https://www.growthmates.news/p/your-onboarding-should-become-invisible): Growthmates (Kate Syuma)

## Cited in

- [Where does pricing show up?](https://useronboarding.ai/questions#pricing)
- [Do product tours still work?](https://useronboarding.ai/questions#tours)