Skilloop

真实产出

在我们的机器上用本 Skill 渲染,未经修饰。
Mint Noir SaaS Site — Mint Noir SaaS Site
Mint Noir SaaS Site

如何使用

  1. 1

    复制安装提示

    登录后点击右侧黑色按钮,一键复制。

  2. 2

    粘贴给你的 agent

    在 Claude Code、Codex、Cursor 等工具里粘贴发送,它会自己装好。

  3. 3

    用一句话调用

    像下面这样说出你要做的东西,agent 会按这个 Skill 的流程来做。

你:/mint-noir-saas-site 帮我做:Software and AI teams launching or relaunching a product site.

示例对话,仅演示调用方式,不代表实际产出。

你会得到

  • 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.

适合

  • 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.

不适合

  • 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.

你需要

  • Claude Code、Codex 或 Cursor
  • 以本地 skill 目录形式提供
许可证
Skilloop Free
作者
@Skilloop
版本
v1.0.0
产出
网页
生成方式
支持:Claude CodeCodexCursor

由 Skilloop 制作与维护(Pro)。下方每个样例都由这个 Skill 原样产出。源码包为专有授权,非 MIT。

安装包内容

  • 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,…

其他安装方式

登录状态下可直接下载 ZIP。若用 curl 安装,请在「设置 → API 密钥」创建密钥并设置 SKILLHUB_API_KEY。

安装提示词(粘贴给你的 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.
一行命令安装(下载 + 解压) · 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/
一行命令安装(下载 + 解压) · 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/
手动安装 · 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/

相关技能