About this Skill

A complete AI SaaS marketing site in a quiet monochrome style with one restrained blue. A calm centred hero sits over a double-framed product dashboard, followed by living feature mockups, step tabs, a customer story, a testimonial marquee, security, pricing with a comparison table, FAQ and a dark sign-up band above a giant wordmark footer. Sign-up, sign-in, demo booking, changelog, customer story, trust center and legal pages are included, with light and dark themes.

Picked most often by

Solo Founder Indie Hacker Product Marketing Manager

Installation guide · Troubleshooting · More Website Skills

Runs in

Install guides

Claude Code Cursor

Generates with

Host Agent LLM

About this Skill

You say/bs-quartz-saas-landing Build the Veldstack site: an AI content-operations platform that takes marketing teams from brief to published.

Describe your AI product and get a finished marketing site: a calm centred headline over a double-framed product dashboard, feature mockups that actually move, a customer story, pricing with a comparison table and a dark sign-up band. Sign-up, sign-in, demo booking, changelog and trust pages are connected, and everything arrives as one file that opens offline in any browser.

Veldstack hero with an announcement pill, a two-line headline and a framed campaign dashboard

What you get

A pulse-grid hero with one quiet status change in the dashboard, a flipping logo row and a feature bento with living mockups
An eight-cell feature grid, step tabs from brief to publish, a customer story with count-ups and a testimonial marquee with a pause control
A security block, monthly or yearly pricing with a comparison table, FAQ and a validated sign-up band
Sign-up, sign-in, demo booking, a filterable changelog, customer story, trust center, legal and 404 pages, plus light and dark themes
Onest and Geist Mono embedded with every image, so the page makes no network requests

Feature bento with a brief turning into image drafts, a review-assistant chat and a channel switchboard

How to use it

Give the Skill your product name, a one-line promise, four flagship features, your pricing shape and the main ask: trial, demo or waitlist.
It renames every panel to your product's nouns, drafts any missing copy and lists it for you to confirm.
Open the file in light and dark, try every form and route, and ask for changes in plain words.

Changelog page with category filters, search and dated updates

Photos come from your agent's image tool, which may have its own usage charges.

What you need before you start

You bring: Product name, a one-line promise and the main ask (trial, demo or waitlist) · Four flagship features, the workflow in three to five steps and your pricing shape · Optional: a customer story, testimonials, security facts and changelog entries you can confirm
Dependencies: Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image tool in your agent for avatars, the customer-story portrait and product stills; optional if you supply your own
Outside costs: Photos you do not supply are generated with your agent's own image tool, which may incur that tool's usage charges. Product UI is built in code, and the finished page makes no network requests. Viewing the example costs nothing.
Last tested: v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT

What you get

A full AI SaaS site: home plus sign-up, sign-in, demo booking, changelog, customer story, trust center, privacy, terms and a 404, with light and dark themes
Mockups built in code that move: a once-only approval in the hero dashboard, a chat replay, channel switches, a connector marquee and a dotted globe
Onest and Geist Mono type, one blue for controls, a pill navbar and a giant wordmark footer, in one file that opens offline

Good fit

Founders and indie hackers launching an AI or SaaS product who need a credible site with trial, demo or waitlist paths
Product marketers who want the modern monochrome startup look without a design team
Developer tools and scheduling apps that can map their own nouns onto the dashboard, switchboard and steps

Not for

Real auth or billing: sign-up, sign-in and demo forms validate and confirm on the page only
Brands that want a loud, colourful look; quartz is monochrome with one blue for controls
Agencies, shops or venues without a product interface to show; the page is built around product UI

Product Launch & App GrowthWeb Design & Digital ExperiencesBuild Website PageBuild Landing PageStyle-lockedEditable OutputLight FirstBento MockupsGiant Wordmark FooterMonochrome MinimalPill Nav