Skilloop

真实产出

在我们的机器上用本 Skill 渲染,未经修饰。
Sticker Gifting App Landing — Sticker Gifting App Landing
Sticker Gifting App Landing

如何使用

  1. 1

    复制安装提示

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

  2. 2

    粘贴给你的 agent

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

  3. 3

    用一句话调用

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

你:/sticker-gifting-app-landing 帮我做:Gifting, greeting-card and group-gift apps that want a joyful, consumer-friendly site

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

你会得到

  • Home, features, how it works, a gift-card catalog with eight detail pages, pricing, help, about, download, a terms and privacy page, and a designed 404
  • Working parts: an occasion-switching phone hero, a card editor with stickers, a cash amount control, catalog search and sort, a gift basket and a pricing toggle
  • Bricolage Grotesque, Figtree and Caveat type, gouache gift-card art and warm lifestyle photos, in one file that opens offline
  • Gifting, greeting-card and group-gift apps that want a joyful, consumer-friendly site

适合

  • Gifting, greeting-card and group-gift apps that want a joyful, consumer-friendly site
  • Florist, bakery and registry apps that can turn the gift-card catalog into their own products
  • Founders who need a full app marketing site with pricing, help and download pages ready to publish
  • Real payments or delivery: the basket, gift cards and forms confirm on the page and need your own backend

不适合

  • Real payments or delivery: the basket, gift cards and forms confirm on the page and need your own backend
  • Serious B2B or finance brands; the stickers and bright bands are deliberately playful
  • Teams wanting a muted palette; cream, coral, sun yellow and ink are part of the design

你需要

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

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

安装包内容

  • sticker-gifting-app-landing/SKILL.md
  • sticker-gifting-app-landing/references/framework-adaptation.md
  • sticker-gifting-app-landing/references/icon-library.md
  • sticker-gifting-app-landing/references/image-plan.md
  • sticker-gifting-app-landing/references/images/card-birthday.webp
  • sticker-gifting-app-landing/references/images/card-home.webp
  • sticker-gifting-app-landing/references/images/card-thanks.webp
  • sticker-gifting-app-landing/references/images/gc-arcade.webp
  • sticker-gifting-app-landing/references/images/gc-bakery.webp
  • sticker-gifting-app-landing/references/images/gc-books.webp
  • sticker-gifting-app-landing/references/images/gc-cinema.webp
  • sticker-gifting-app-landing/references/images/gc-coffee.webp
  • sticker-gifting-app-landing/references/images/gc-florist.webp
  • sticker-gifting-app-landing/references/images/gc-plants.webp
  • sticker-gifting-app-landing/references/images/gc-ramen.webp
  • sticker-gifting-app-landing/references/images/photo-cards.webp
  • sticker-gifting-app-landing/references/images/photo-envelope.webp
  • sticker-gifting-app-landing/references/images/photo-group.webp
  • sticker-gifting-app-landing/references/images/photo-open.webp
  • sticker-gifting-app-landing/references/images/photo-team.webp
  • sticker-gifting-app-landing/references/images/photo-wrap.webp
  • sticker-gifting-app-landing/references/interior-pages.md
  • sticker-gifting-app-landing/references/motion-system.md
  • sticker-gifting-app-landing/references/page-library.md
  • sticker-gifting-app-landing/references/quality-checklist.md
  • sticker-gifting-app-landing/references/reui-components.md
  • sticker-gifting-app-landing/references/route-inventory.md
  • sticker-gifting-app-landing/references/style-guide.md
  • sticker-gifting-app-landing/references/template.html
  • sticker-gifting-app-landing/references/visual-contract.md
  • sticker-gifting-app-landing/scripts/inline-assets.mjs
  • sticker-gifting-app-landing/scripts/validate-sticker.mjs

SKILL.md

A warm, playful marketing site for a gifting or greeting-card app. Large black headlines sit on cream beside a phone hero with die-cut coral and yellow stickers, then full-bleed bands carry a card editor you can try, a gift-card catalog…

其他安装方式

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

安装提示词(粘贴给你的 Agent)
This is a free Skilloop skill (Sticker Gifting App Landing). Download https://skilloop.dev/downloads/free/sticker-gifting-app-landing.zip (or use the install command on the skill page), then unzip into ~/.claude/skills or ~/.agents/skills so sticker-gifting-app-landing/SKILL.md exists. Or: Read https://skilloop.dev/skills/sticker-gifting-app-landing/install.md and follow the instructions.
一行命令安装(下载 + 解压) · Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/sticker-gifting-app-landing.zip -o /tmp/sticker-gifting-app-landing.zip && unzip -oq /tmp/sticker-gifting-app-landing.zip -d ~/.claude/skills/
一行命令安装(下载 + 解压) · Codex / Cursor
mkdir -p ~/.agents/skills && curl -fsSL https://skilloop.dev/downloads/free/sticker-gifting-app-landing.zip -o /tmp/sticker-gifting-app-landing.zip && unzip -oq /tmp/sticker-gifting-app-landing.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/sticker-gifting-app-landing.zip -o /tmp/sticker-gifting-app-landing.zip && unzip -oq /tmp/sticker-gifting-app-landing.zip -d ~/.claude/skills/

相关技能