# Mint Noir SaaS Site

Build a graphite-and-mint SaaS marketing site with five connected pages, interactive pricing and a code-drawn product window. A complete interactive example site with five connected pages — Product, Pricing, Resources, Events and Changelog — built for a fictional AI product.

Canonical page: https://www.kairaxis.com/skills/mint-noir-saas-site
Publisher: Skillry
Category: Design
Version: 1.0.0
Last updated: Oct 20, 2026
Listing facts checked: 2026-10-31
Access: Free through the original publisher
Original source: https://skillry.dev/skills/bs-mint-noir-saas-site

## Deliverables

- A complete interactive example site with five connected pages — Product, Pricing, Resources, Events and Changelog — built for a fictional AI product.
- A reusable template and style guide that lock in the graphite ground, single mint accent, italic serif headline words, soft glows and the code-drawn app window.
- A page library, icon rules, a framework adaptation guide and a local validator for building and checking your own version.

## Required inputs

- Product name, one-line category and the hero line with one word to set in serif
- Real integrations, key features and one customer story with proof numbers
- Plans with monthly and yearly prices and an includes list
- Optional: help articles, upcoming events and release notes

## Publisher-listed dependencies

- A modern browser for preview and visual review
- Node.js for the included static validator
- The selected framework tooling for a generated website
- A host image tool or owned photos for team and customer portraits

## Author-declared agent hosts

Claude Code, Claude Desktop / Cowork, Codex / ChatGPT, Cursor, GitHub Copilot, OpenClaw, Hermes, OpenCode, Kilo Code. Compatibility has not been independently benchmarked.

## Additional service costs

Generating new portraits may incur a separate image-provider charge. The included example can be viewed without any generation.

## Installation

Sign in to the original publisher and obtain the required access before installing.

```sh
npx --yes skillry-cli@latest install bs-mint-noir-saas-site
```

## Questions and answers

### What does Mint Noir SaaS Site create?

Build a graphite-and-mint SaaS marketing site with five connected pages, interactive pricing and a code-drawn product window. Deliverables: A complete interactive example site with five connected pages — Product, Pricing, Resources, Events and Changelog — built for a fictional AI product. A reusable template and style guide that lock in the graphite ground, single mint accent, italic serif headline words, soft glows and the code-drawn app window. A page library, icon rules, a framework adaptation guide and a local validator for building and checking your own version.

### What do I need to use Mint Noir SaaS Site?

Product name, one-line category and the hero line with one word to set in serif Real integrations, key features and one customer story with proof numbers Plans with monthly and yearly prices and an includes list Optional: help articles, upcoming events and release notes Publisher-listed dependencies: A modern browser for preview and visual review; Node.js for the included static validator; The selected framework tooling for a generated website; A host image tool or owned photos for team and customer portraits.

### Is Mint Noir SaaS Site free?

The skill package is free through Skillry with a publisher account. Generating new portraits may incur a separate image-provider charge. The included example can be viewed without any generation.

### How do I install Mint Noir SaaS Site?

Sign in with npx --yes skillry-cli@latest login, then run npx --yes skillry-cli@latest install bs-mint-noir-saas-site. The publisher documents Node.js 22 or newer on macOS or Windows for its CLI. Add --agent claude-code for Claude Code; the default installation folder is shared by Codex and Cursor. Linux users can use the publisher's ZIP installation option.

## Limitations

- Install and license the original package through its publisher; this listing supplies discovery information.
- Publisher-stated capabilities and dependencies have not been benchmarked in your agent or project.
- Generating new portraits may incur a separate image-provider charge. The included example can be viewed without any generation.