Harbor SaaS Suitev1.0.1
Use this Skill to build website page.
5.00 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Create a cohesive product prototype with landing, pricing, sign-in, workspace, and admin views that share an interactive product story. It helps founders and product teams show the full customer journey in demos, planning sessions, and stakeholder conversations before committing to a build.
Picked most often by
Updated Aug 25, 2026
User reviews
Loading reviews…
What you get
- A clickable five-view SaaS prototype in the harbor style — marketing landing, pricing, sign-in, signed-in workspace, and admin analytics — in one hash-routed HTML file
- The porcelain-and-teal design system: pill CTAs, soft elevated cards, CSS window-chrome mockups instead of screenshots, and a full light/dark theme
- Honest front-end simulations that demo well: a demo account sign-in, a credits system, and an AI-draft loop that appends product-themed suggestions
Good fit
- Founders pitching a SaaS idea who need the whole product to feel real before any backend exists
- Product teams that want landing, app, and admin views sharing one coherent design system
- Demos and investor walkthroughs — every view is clickable from a single file that runs from disk
Not for
- Production apps with real auth, payments, or data — all flows are front-end simulations
- Brands wanting a loud, colorful consumer look — harbor is calm, product-led, and neutral
- Single-page jobs — if you only need a landing page, a landing-page Skill is a better fit
Product Launch & App GrowthDigital Publications & Web PagesBuild Website PageBuild Landing PageStyle-lockedEditable OutputFast TurnaroundPorcelain TealPill InterfaceSoft Elevated CardsWindow Chrome MockupsLight Dark Ui
About this Skill
What you need before you start
- You bring
- Product name, its core object (what users create), 3-6 features, pricing shape, and the four admin metrics that matter
- Last tested
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT