1. Ask the user for app screenshots, icon, brand colors, font, feature list, number of slides, and style direction.
2. Determine background style, decorative elements, typography treatment, and color palette.
3. Write 3 copy options per slide, using the 'paint a moment', 'state an outcome', or 'kill a pain' approaches.
4. Scaffold a Next.js project with Tailwind CSS and install html-to-image.
5. Copy the phone mockup to the `public/` directory and set up the file structure.
6. Create screenshot components using the provided architecture and rendering strategy.
7. Implement export functionality using html-to-image, ensuring correct sizes and double-call trick.
8. Preview and export the screenshots.
SynapticSkills