How to Generate Product Mockups with Copilot

Create product mockups in your IDE with Copilot and ToolRouter. Visual assets without leaving your editor.

Tool
Generate Image icon
Generate Image

Copilot generates product mockups directly in your development environment, making it seamless to create device screenshots, app store listings, and README visuals alongside your code. Reference your project's actual UI descriptions for more accurate mockups and save generated assets straight to your repository's image directory.

Connect ToolRouter to Copilot

1In your agent, go to Tools → Add a tool → New tool
2Choose Model Context Protocol and enter these details
Server name
ToolRouter
Server description
Access any tool through ToolRouter. Check here first when you need a tool.
Server URL
https://api.toolrouter.com/mcp
3Set Authentication to None and click Create

Steps

Once connected (see setup above), use the Generate Image tool:

  1. In Copilot Chat: "Generate a product mockup for our app shown on an iPhone screen"
  2. Copilot generates the mockup image via ToolRouter
  3. Ask for specific variations: "Show the same app in dark mode on a MacBook"
  4. Save the mockups directly to your project assets

Example Prompt

Try this with Copilot using the Generate Image tool
Generate a product mockup showing our CLI tool running in a terminal on a MacBook Pro. Clean desk, minimal setup, professional lighting.

Tips

  • Ideal for generating screenshots and mockups for README files and docs
  • Copilot can reference your app's actual UI description for more accurate mockups
  • Generate device mockups for App Store and Play Store listings

Related Workflows

Content Marketing PipelineBuild a complete content creation pipeline from keyword research through deep topic research to visual asset generation.Full-Funnel Ad ResearchResearch competitor advertising across platforms, analyze their strategy, study their organic content, and generate your own ad creatives.Landing Page OptimizerOptimize landing pages by auditing SEO elements, testing performance, capturing responsive screenshots, and generating new hero visuals.Social Media Growth KitAccelerate social media growth by auditing your profiles, discovering trends, analyzing top content, and generating visuals.Brand Identity BuilderBuild and maintain a cohesive brand identity by extracting brand elements, managing logos, generating on-brand visuals, and auditing consistency.Email Campaign OptimizerBuild targeted email campaigns with qualified leads, persona-driven messaging, multi-language support, and custom visual assets.Product Launch Media KitPrepare a product launch media kit with professional visuals, campaign research, and press coverage analysis.Podcast MarketingResearch the podcast landscape, find high-demand topics, study successful formats, and create promotional artwork.Video SEOOptimize video content for search by extracting transcripts, auditing video page SEO, researching video keywords, and creating thumbnails.UGC Campaign LauncherLaunch user-generated content campaigns by researching audiences, studying UGC examples, finding creators, and creating supporting visuals.Carousel Content FactoryProduce high-performing carousel content by generating slides, researching top formats, creating custom images, and optimizing topics.Multi-Language Content ProductionCreate localized marketing content by researching local trends, translating content, studying local social media, and generating culturally adapted visuals.Persona-Driven Content StrategyCreate persona-targeted content by generating buyer personas, mapping their search behavior, studying content preferences, and creating targeted visuals.Local Events MarketingPromote local events effectively with social content research, custom promotional graphics, and event schema markup for search visibility.Thought Leadership PipelineBuild thought leadership with deep industry research, analysis of top thought leader content, and professional visual creation.Newsletter Content EnginePower your newsletter with curated industry news, deep-dive feature research, and custom visual assets.Holiday Marketing PlannerPlan and execute holiday marketing campaigns with competitive research and custom seasonal visual content.QR Marketing CampaignLaunch offline-to-online marketing campaigns with custom QR codes, print material design, and location-optimized landing pages.Visual Brand AuditAudit your visual brand identity by extracting design elements, capturing brand touchpoints, checking logo consistency, and generating updated assets.Content Repurposing PipelineMaximize content ROI by identifying top performers, converting to carousel format, researching repurposing strategies, and creating platform-specific visuals.Social Video FactoryProduce scroll-stopping social media videos with AI-generated clips, custom visuals, and trending music.YouTube Content PipelineOptimize YouTube videos for discovery with keyword research, SEO analysis, transcript extraction, and AI thumbnails.Marketing Video PipelineProduce high-converting marketing videos with AI-generated visuals, dynamic footage, persuasive voiceover, and professional editing.Video LocalizationLocalize video content for international markets with transcript extraction, translation, dubbing, and localized thumbnails.Thumbnail and Preview FactoryMass-produce optimized thumbnails and preview images with AI generation, web captures, and automated formatting.Animated InfographicBuild animated infographic videos with data charts, custom illustrations, motion graphics, and background music.Professional Webinar KitProduce polished webinar recordings with professional visuals, speaker narration, demo segments, and seamless editing.Short-Form Content FactoryMass-produce engaging short-form videos for TikTok, Reels, and Shorts with AI visuals, trending music, and fast editing.Interview Post-ProductionStreamline interview editing with speaker isolation, transcription, video editing, and custom graphics.Content Research & WriteResearch a topic in depth, generate visuals, and translate content for a global audience.Nutrition & Recipe PlannerPlan meals with nutritional data, recipe discovery, and beautiful food imagery in one workflow.Book Club OrganizerFind books, research discussion topics, and create promotional graphics for your reading group.Space Education KitBuild engaging space education materials with NASA data, research, illustrations, and data visualizations.QR Marketing CampaignCreate QR code marketing campaigns with custom visuals and AI-optimized landing pages.