Skilloop
Social Carousel Cards

Illustrative cover generated by us — see the source repo for real examples.

How to use

  1. 1

    Copy the install prompt

    Click the black button. One click, done.

  2. 2

    Paste it to your agent

    Send it in Claude Code, Codex, Cursor or similar. It installs itself.

  3. 3

    Ask in one sentence

    Say what you want, like below, and the agent follows this skill.

You:/social-carousel make me: Three-card square carousels for Instagram, LinkedIn or threads

Example message showing how to invoke it, not a real output.

What you get

  • Square 1:1 cards
  • Headline flow across slides
  • Brand mark placement

Good fit

  • Three-card square carousels for Instagram, LinkedIn or threads

Not for

  • Long carousels with many cards

What you need

  • Nothing extra; the agent writes the HTML
License
Apache-2.0
Author
@nexu-io
Runs in:Claude CodeCodexCursorGemini CLIOpenCode

Upstream description

三张方形卡片轮播, 标题串联, 品牌 mark + 编号

Other ways to install

Prefer doing it yourself? These commands do the same as the button.

Install prompt (paste into your agent)
Read https://skilloop.dev/skills/social-carousel/install.md and follow the instructions to install the skill.
One-line install · Claude Code
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/social-carousel -g -a claude-code
One-line install · Codex / Cursor
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/social-carousel -g -a codex
Manual (git) · Claude Code
git clone --depth 1 https://github.com/nexu-io/html-anything.git /tmp/html-anything
mkdir -p ~/.claude/skills && cp -r /tmp/html-anything/next/src/lib/templates/skills/social-carousel ~/.claude/skills/social-carousel

Original work by its authors, redistributed under its license. We only link and describe it.

Related skills