frontend-design
Produce intentional UI with stronger hierarchy, typography, and aesthetic direction.
FreePackage validated
624.9K installsLoading page…
FreeWorkflowMedium riskv1.0.0
Mint Noir SaaS Site
Build a graphite-and-mint SaaS marketing site with five connected pages, interactive pricing and a code-drawn product window.
- Publisher
- Skillry
- Access
- Free · sign-in required
- Category
- Design
Overview
- Who it is for
- Creators and designers choosing a visual planning, presentation or system-mapping workflow.
- Not intended for
- Getting the publisher's private instruction package or purchase access through this catalog listing.
- Package access
- Installed and licensed through the original publisher
What you get
- 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 you need
- 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
- 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
Additional service costs: Generating new portraits may incur a separate image-provider charge. The included example can be viewed without any generation.
Usage
- 01Gather the inputs and install the dependencies listed above.
- 02Use your publisher account to obtain the skill. Free skills require sign-in; paid skills require a purchase or subscription.
- 03Sign in to the CLI, then run the installation command below for your agent.
- 04Start with one of the example prompts, supply your project assets and review the rendered result.
npx --yes skillry-cli@latest install bs-mint-noir-saas-siteSign in first with npx --yes skillry-cli@latest login. Use Node.js 22+ on macOS or Windows; add --agent claude-code for Claude Code. The publisher also offers ZIP installation for Linux. Paid skills require your purchase or subscription.
Example prompts
Requests that put this skill to work.
Build the marketing site for Ledgerly, an AI bookkeeping assistant for small online shops.
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.
Version history
v1.0.0CurrentOct 20, 2026
Public listing reviewed; instruction-package access remains with the original publisher.
Frequently asked questions
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.