Agent Skill · Web

Harbor SaaS Suitev1.0.2

Use this Skill to create a web page.

  • Popular
  • Membership
  • CLI install on Skillry

A complete SaaS product prototype that reads as one real, finished product: marketing landing page, pricing, sign-in, a working signed-in workspace and an admin back office, plus a customer story, public changelog and legal pages. Every view shares one porcelain-and-teal design and one live demo state, so credits spent or plans changed in one place show up everywhere else.

Updated on Skillry Oct 3, 2026

Runs in

  • Claude Code
  • Cursor

Generates with

  • Host agent LLM

What you get

  • Landing, pricing, sign-in, workspace and admin views, plus customer story, changelog, legal and 404 pages, all routed and sharing one live demo state
  • A working workspace for your core object: compose, AI-draft with credits, schedule, manage subscribers and see each action land in the admin activity feed
  • Instrument Sans and Geist Mono type, teal pill buttons, soft cards, a command palette, light and dark themes and role-based photos in one offline file

Good fit

  • Founders pitching a SaaS idea who need the whole product to feel real before any backend exists
  • Product managers running stakeholder or investor walkthroughs across marketing, app and admin
  • Indie developers who want one design system across the public site and the signed-in product

Not for

  • Production apps with real auth, payments or data; sign-in, checkout and credits are front-end simulations
  • Single landing pages; if you only need a marketing page, a landing-page Skill is a better fit
  • Loud, colorful consumer brands; harbor is calm and product-led with one teal accent

About this Skill

You say /bs-harbor-saas-suite Build the Ferrywake prototype: it turns a SaaS changelog into weekly customer digests, with workspace and admin views.

How it works

  1. 1. Bring your materials

    Product name and its core object, the thing users create or manage Three to six features, your pricing shape and the three or four numbers the business watches One customer story, plus real photos if the site shows real people

  2. 2. Ask with a concrete request

    Start from the sample request: Build the Ferrywake prototype: it turns a SaaS changelog into weekly customer digests, with workspace and admin views.

  3. 3. Take the result

    Landing, pricing, sign-in, workspace and admin views, plus customer story, changelog, legal and 404 pages, all routed and sharing one live demo state

What you need before you start

Summarized from the Skillry page for Harbor SaaS Suite. Live requirements can change there.

You bring
Product name and its core object, the thing users create or manage Three to six features, your pricing shape and the three or four numbers the business watches One customer story, plus real photos if the site shows real people
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 the sign-in, customer story and portrait photos; optional if you supply your own
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.2 — Claude Code, Cursor, as listed on Skillry.

Frequently Asked Questions

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