Real outputs
Rendered with this skill on our machine, unedited.
Mint Noir SaaS Site
How to use
- 1
Copy the install prompt
Sign in, then click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
You：
/mint-noir-saas-site make me: Software and AI teams launching or relaunching a product site.Example message showing how to invoke it, not a real output.
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.
- Software and AI teams launching or relaunching a product site.
Good fit
- Software and AI teams launching or relaunching a product site.
- Founders who want pricing, help, events and release notes to share one consistent look.
- Builders who want the design delivered in their own framework rather than as a static mockup.
- Light, colourful or playful brands — the look depends on a dark ground and one accent.
Not for
- Light, colourful or playful brands — the look depends on a dark ground and one accent.
- A working backend for payments, sign-in, search indexing or event registration.
- Content-heavy blogs or documentation sites with hundreds of articles.
What you need
- Claude Code, Codex, or Cursor
- Pack ships as a local skill folder
- License
- Skilloop Free
- Author
- @Skilloop
- Version
- v1.0.0
- Output
- Web
- Generates with
Runs in:Claude CodeCodexCursor
Built and maintained by Skilloop (Pro). Every sample below was produced by this exact skill. Source packages are proprietary — not MIT.
Package contents
- mint-noir-saas-site/SKILL.md
- mint-noir-saas-site/references/framework-adaptation.md
- mint-noir-saas-site/references/icon-library.md
- mint-noir-saas-site/references/page-library.md
- mint-noir-saas-site/references/style-guide.md
- mint-noir-saas-site/references/template.html
- mint-noir-saas-site/references/third-party-notices.md
- mint-noir-saas-site/scripts/validate-site.mjs
SKILL.md
Build a dark product marketing website for an AI or SaaS tool, with near-black graphite surfaces, a single mint accent and italic serif highlight words inside bold headlines. You get five connected pages — Product, Pricing, Resources,…
Other ways to install
ZIP download works while signed in. For curl installs, create an API key under Settings → API keys and set SKILLHUB_API_KEY.
Install prompt (paste into your agent)
This is a free Skilloop skill (Mint Noir SaaS Site). Download https://skilloop.dev/downloads/free/mint-noir-saas-site.zip (or use the install command on the skill page), then unzip into ~/.claude/skills or ~/.agents/skills so mint-noir-saas-site/SKILL.md exists. Or: Read https://skilloop.dev/skills/mint-noir-saas-site/install.md and follow the instructions.
One-line install (download + unzip) · Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/mint-noir-saas-site.zip -o /tmp/mint-noir-saas-site.zip && unzip -oq /tmp/mint-noir-saas-site.zip -d ~/.claude/skills/
One-line install (download + unzip) · Codex / Cursor
mkdir -p ~/.agents/skills && curl -fsSL https://skilloop.dev/downloads/free/mint-noir-saas-site.zip -o /tmp/mint-noir-saas-site.zip && unzip -oq /tmp/mint-noir-saas-site.zip -d ~/.agents/skills/
Manual · Claude Code
# Free skill — download the public ZIP (no sign-in): mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/mint-noir-saas-site.zip -o /tmp/mint-noir-saas-site.zip && unzip -oq /tmp/mint-noir-saas-site.zip -d ~/.claude/skills/
