Community / AGENT SKILL

product-launch

0 installs 0 GitHub stars

Product launch page with countdown, feature reveals, teaser video placeholder, and early-access signup. Use for "launch", "product launch", "coming soon".

One new superpower.

Run this command in your project to choose an agent and install the skill.

npx skillycli add https://github.com/pujan-modha/clover-design --skill product-launchView original source

BEFORE YOU INSTALL

Understand the trade-offs.

SECURITY REVIEW

Not yet assessed

Review the original instructions and requested permissions before installing.

No security review is available for this catalog entry yet.

SKILL QUALITY

Not yet assessed

How clearly the skill guides your agent, how complete its workflow is, and how you can check the outcome.

No quality assessment is available for this catalog entry yet.

The full skill.

Original instructions from the publisher’s SKILL.md

# Product Launch Skill

Produce a product launch / coming-soon page.

## Sections
1. **Hero**: massive product name, tagline, countdown timer (CSS animation).
2. **Teaser**: gradient placeholder for video/screenshot with play button overlay.
3. **Feature reveals**: 3 cards that fade in on scroll (CSS `animation-timeline`).
4. **Early access**: email signup form (styled input + button).
5. **Social proof**: "Join X others" with avatar stack.
6. **Footer**: minimal links, copyright.

## Rules
- Countdown: CSS-only, updates via JS interval.
- Avatar stack: overlapping circles with colored initials.
- Accent used for CTA and countdown numbers only.
- `data-df-id` on each section.

## Output
Single `index.html`, inline CSS/JS.