Scrapbook Resume Site
+6Skillry Pick
Quartz SaaS Landingv1.0.4
Use this Skill to build website page.
Rising
5.015 downloads1 likes0 saves
$4.99
What do I get when I buy 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
Updated Oct 3, 2026
Similar Skills
View all skills+6
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 GrowthDigital Publications & Web PagesBuild Website PageBuild Landing PageStyle-lockedEditable OutputLight FirstBento MockupsGiant Wordmark FooterMonochrome MinimalPill Nav
About this Skill
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.
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
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.
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
User reviews
Loading reviews…