All Skills
Frontend interactionHTMLv1.2.0

Peel to Reveal an Invite Code

A covering sheet curls from its right edge and peels left to reveal a stationary invitation code underneath. Click or drag left, copy with clear feedback, and cover it again. Manual code selection is available when copying is blocked. No accounts are created or invitation eligibility verified.

Invitation codePaper peelCopy feedback

Live demo

Interactive demo

Click or drag the covering paper left, then copy the code. Cover it again to replay the reveal.

Open preview in a new window
FROM DEMO TO PROJECT

Make this effect yours

Includes Skill instructions, a Python generator, an HTML template, design notes, and an offline preview. Requires Python 3.10+ with no additional dependencies. Supports custom text and colors, keyboard controls, and reduced motion.

Download SKILL.md only
  1. Download and unzip

    Keep the invite-code-flow/ folder. Its SKILL.md file is the Skill entry point, and scripts/ contains the generator, templates/ the HTML template, and references/ the design notes. Open preview.html directly in your browser.

  2. Give it to your AI coding assistant

    Add the folder to your project and ask your assistant to read SKILL.md. If your tool supports Skills, follow its installation method.

  3. Describe the result you want

    Generate a paper-peel invitation component with sample code WELCOME-2026. Clicking or dragging the paper left reveals the stationary code. Include copying, re-covering, and manual selection when clipboard access fails.

Skill source

SKILL.md
Read full Skill instructions