What you get
- One HTML file with fonts and images embedded, no network requests
- A live product window: board, list and timeline views, search, and an assistant that plans a task when asked
- Feature tabs, a week calendar, a planning timeline, testimonials, security, pricing and FAQ
- Extra pages for plans and seats, one customer story, release notes, the company, contact, account login and creation, legal text and not-found, in light and dark
- Optional photos, a story loop and a social card from PopNow after a credit quote
Good for
- AI assistants, copilots and planning tools
- Task, scheduling and team productivity apps
- A SaaS launch that has a real product to show
Not for
- Dark-first developer tools or purple brands
- Online stores, portfolios and blogs
- Teams who want a photo or video as the hero
How to use it
In Claude or ChatGPT
Use the PopNow skill "AI SaaS Landing Page" (ai-saas-landing-page) for this: Make the homepage for Tidyline, an AI inbox for small support teams that sorts tickets and books follow-ups. Plans: Free, Team $19 per seat, Business $39 per seat.
In a coding agent
/popnow-ai-saas-landing-page Make the homepage for Tidyline, an AI inbox for small support teams that sorts tickets and books follow-ups. Plans: Free, Team $19 per seat, Business $39 per seat.
Then try
Quote the customer story photo and both portrait sheets before you generate anything.
Port it into my Next.js app and drop the changelog route.
What to have ready
- Product name, one-line promise and the main action
- What the assistant does, the work objects and your plans
- Customers, quotes and numbers you can use, or approval for drafts
- Optional: a PopNow API key or your own team photos
Similar skills
View all →3D Avatar Maker
+3Build a cute soft-toy 3D character in your browser and save it as a transparent PNG or a 3D page.
Calendar Heatmap
+3A year of daily activity as a shaded calendar grid, with streaks, totals and keyboard access.
Animated Hero Section
+3A landing-page hero with a gently rotating headline word, two buttons and a wide image frame.
Shader Hero Agency Website
+3A live orange-heat shader hero behind a bottom-pinned statement, pill nav and a staggered case-study grid.
Dark SaaS Landing Page
+3A dark, motion-rich marketing site for a software product, delivered as one self-contained HTML file.
Designer Portfolio Website
+3Six tilted cards hover round a fading headline on calm grey, one red portrait card, editorial case studies.
Developer Portfolio Website
+3A dark personal site for engineers with case studies, writing, talks, a résumé and a contact form.
Editorial SaaS Website
+3Navy split hero, a five-line serif headline beside a documentary still, slanted bands and one cobalt accent.
Glassmorphism Website Template
+3Frosted glass pills on a near-black film, a huge serif headline with one italic word and an email capture.
Hardware Product Website
+3Huge hairline model names on silver studio shots, frosted spec cards, a to-scale lineup and a hardware bento.
Interactive Architecture Diagram
+3An offline, clickable system diagram built from a checked JSON model, with the evidence behind each box.
Interactive Grid Hero
+3A dark grid of fine strands that bends toward the cursor and rolls a glowing ring out from every click.
Knowledge Graph Explorer
+3Turn project notes into an offline, searchable graph where every claim links back to its source line.
KPI Dashboard Template
+3Four KPI tiles with change chips over a glowing line chart, a breakdown table and target bars on warm paper.
Landing Page from AI Mockups
+3See three full-page designs first, pick one, and your agent builds it as clean, responsive code.
Magazine Website Template
+3A print-quality magazine site with articles, topics, a small shop and subscriptions, as one HTML file.
Particle Animation Hero
+3Copy on warm paper beside a turning sphere of ink and teal dots that reshapes per idea and scatters on scroll.
Personal Brand Website
+3A portrait feathered into warm paper under a thin bracket, with light-and-bold statements on either side.
Cinematic Product Launch Page
+3Film-lit near-black page: serif title card over drifting light, letterboxed night scene, reservation form.
Admin Dashboard Template
+3A working back-office console with charts, tables, kanban and calendar, built as one offline HTML file.
SaaS Landing Page Template
+3A calm, light marketing site for a software product with a working product console, pricing and sign-up.
Scrapbook Portfolio Website
+3A multi-page online CV made of paper objects, with case studies and a printable resume.
Sneaker Store Website Template
+3A complete footwear or apparel shop with catalog, product pages, bag and demo checkout in one HTML file.
Workflow Automation Landing Page
+3Graphite page, small left-aligned headline, and a live node graph below that runs, retries and streams logs.
Questions
Why is the product a working board instead of a screenshot?
The board is built in HTML and SVG, so it stays sharp, follows the dark theme, and can be rewritten with your own columns, tasks and people. Visitors can switch views, search and let the assistant plan a task, which says more than a static image.
My product is not a task manager. Does this still fit?
Yes, if it has objects that move through stages. A support desk gets ticket columns and a routing assistant, a CRM gets deal stages, a release tool gets backlog to shipped. The adapting guide maps each case.
What does PopNow generate here?
Only photos and media around the product: the customer story and detail shots, founders and team photos, two portrait sheets cropped into avatars, an optional slow loop of the story photo and a social card. Every run is quoted in credits first and starts only after you agree.
Can I use it without a PopNow API key?
Yes. The bundled portraits and photos stand in under new names, your own photos drop into the same crops, and the social card can be rendered from HTML. The delivery note lists every slot that still holds a stand-in.