Agent Skill · Web

Beacon SaaS Landingv1.0.4

Use this Skill to create a web page.

  • Popular
  • Membership
  • CLI install on Skillry

A calm SaaS marketing site on warm neutrals, lit by a single soft blue light beam, with gradient headlines, a quiet centered hero and your product shown as a live, working console instead of a screenshot. Below it come features, a tabbed product tour, setup steps, customer stories, monthly or yearly pricing with a comparison table, security and FAQ, plus sign-up, sign-in, sales, changelog, status, legal and 404 pages.

Updated on Skillry Oct 20, 2026

Runs in

  • Claude Code
  • Cursor

Generates with

  • Host agent LLM

What you get

  • A complete SaaS site in one self-contained HTML file that opens offline in any browser: the landing page plus sign-up, sign-in, contact sales, changelog, status, legal and 404 pages
  • A live product console rebuilt in your product's own vocabulary, with a range switch, chart tooltips, live counters and an incident timeline, instead of a static screenshot
  • Geist type, one blue beam, warm neutral surfaces, full light and dark themes, and forms with validation, loading and success states; in your own project, the same design in your stack

Good fit

  • Founders and indie hackers who need a credible SaaS marketing site with pricing, sign-up and a changelog this week
  • Developer tools, monitoring, API and infrastructure products that want the product itself shown as working interface
  • Product marketers who want to iterate on positioning copy directly on a finished-looking page

Not for

  • Sites that need a CMS, blog or real accounts: sign-up and contact forms confirm on the page, and wiring a backend is up to you
  • Brands that must follow an existing design system: the warm neutrals, single blue beam and gradient headlines are the product
  • Consumer or lifestyle brands that lead with photography: images are limited to a customer story, testimonials, one editorial photo and a team photo

About this Skill

You say /bs-beacon-saas-landing Build a site for Pulsegrid, uptime monitoring for on-call engineering teams, with Hobby, Team and Scale plans.

How it works

  1. 1. Bring your materials

    Product name, what it does and for whom, 4-6 capabilities, and 2-4 plans with real limits (rough notes are fine) Optional: customer names, quotes, numbers and photos you are allowed to use

  2. 2. Ask with a concrete request

    Start from the sample request: Build a site for Pulsegrid, uptime monitoring for on-call engineering teams, with Hobby, Team and Scale plans.

  3. 3. Take the result

    A complete SaaS site in one self-contained HTML file that opens offline in any browser: the landing page plus sign-up, sign-in, contact sales, changelog, status, legal and 404 pages

What you need before you start

Summarized from the Skillry page for Beacon SaaS Landing. Live requirements can change there.

You bring
Product name, what it does and for whom, 4-6 capabilities, and 2-4 plans with real limits (rough notes are fine) Optional: customer names, quotes, numbers and photos you are allowed to use
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 Optional: an image generation tool in your agent for the customer, editorial, testimonial and team photos
Outside costs
This is a paid Skill on Skillry and is included with a Skillry membership. Rendering stays on your machine. Uwarp does not set the price.
Last tested
v1.0.4 — Claude Code, Cursor, as listed on Skillry.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.