Automated summary
Generates a self-contained product launch or coming-soon page as a single index.html, with a countdown timer, feature reveals, and an early-access signup form.
Strengths
- Single-file output: one index.html with inline CSS and JS, easy to preview anywhere
- Explicit section list (hero, teaser, features, early access, social proof, footer) so nothing is skipped
- Native CSS animations, including scroll-driven card reveals via animation-timeline
- Requires a design system and restricts the accent color to CTAs and countdown digits, keeping the page visually focused
Limitations
- The countdown target date is not defined by the skill, so you must supply one or the value is arbitrary
- The teaser video is only a gradient placeholder with a play button — no real media is wired in
- The signup form is purely visual, with no backend or real validation
Security analysis
SafeThis skill only describes generating a static marketing/coming-soon HTML page with inline CSS and JS (countdown timer, scroll animations, signup form). There are no bash commands, network calls, credential handling, obfuscated payloads, or destructive instructions, and no tools are declared. The only JS mentioned is a benign countdown interval, so execution risk is negligible.
No concerns found
How this analysis is madeExamples
Create a coming-soon launch page for our app 'Nimbus' with a countdown to March 15, a teaser video placeholder, three feature cards, and an early-access email signup.Build a product launch page with a big hero title, scroll-in feature reveals, and a 'Join 12,000 others' social proof section with an avatar stack.Generate a single index.html teaser page for a hardware product launch — countdown, gradient video placeholder with play button, and a minimal footer.name: product-launch description: | Product launch page with countdown, feature reveals, teaser video placeholder, and early-access signup. Use for "launch", "product launch", "coming soon". triggers:
- "product launch"
- "launch page"
- "coming soon"
- "teaser"
- "early access" df: mode: prototype platform: desktop scenario: marketing preview: type: html entry: index.html design_system: requires: true
Product Launch Skill
Produce a product launch / coming-soon page.
Sections
- Hero: massive product name, tagline, countdown timer (CSS animation).
- Teaser: gradient placeholder for video/screenshot with play button overlay.
- Feature reveals: 3 cards that fade in on scroll (CSS
animation-timeline). - Early access: email signup form (styled input + button).
- Social proof: "Join X others" with avatar stack.
- 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-idon each section.
Output
Single index.html, inline CSS/JS.
From the file to a first result
The download contains exactly the content displayed on this page. This copy may differ from the latest version in the source repository.
View the source and supporting filesThis download contains SKILL.md only. Any scripts, references, templates and dependencies are not included. Get the required files from the source, preserving their directory structure, before continuing.
1. Download the file
Download SKILL.mdFrom the root of a test project, save the file as .skill-downloads/product-launch-page-mrwakfts/SKILL.md, or use the command below. This folder is for inspecting the skill before installation.
Command for macOS/Linux or WSL: requires a POSIX shell and curl. On Windows without WSL, use the download button and create the folder manually.
mkdir -p '.skill-downloads/product-launch-page-mrwakfts' && curl --fail --show-error --location 'https://skills-guides.com/api/skills/product-launch-page-mrwakfts/download' --output '.skill-downloads/product-launch-page-mrwakfts/SKILL.md.part' && mv '.skill-downloads/product-launch-page-mrwakfts/SKILL.md.part' '.skill-downloads/product-launch-page-mrwakfts/SKILL.md'2. Check prerequisites
Read SKILL.md before using it. If it references scripts or external services, inspect them and prepare the required access in your test environment.
No recognized prerequisites section in this file. This does not mean it is self-contained: libraries, tools and access requirements may be mentioned elsewhere in the content or source repository.
The platforms on this page are catalog indications. The paths below follow tool documentation; they do not prove this skill has been run in those tools. No minimum tool version is confirmed for this listing.
3. Load the skill
After inspection, copy the complete folder into your project using one of the commands below, then open a new tool session. The command stops if a folder with the same name already exists: compare the files before replacing it.
Claude Code
test -f '.skill-downloads/product-launch-page-mrwakfts/SKILL.md' && test -s '.skill-downloads/product-launch-page-mrwakfts/SKILL.md' && mkdir -p '.claude/skills' && test ! -e '.claude/skills/product-launch' && cp -R '.skill-downloads/product-launch-page-mrwakfts' '.claude/skills/product-launch'Cursor
test -f '.skill-downloads/product-launch-page-mrwakfts/SKILL.md' && test -s '.skill-downloads/product-launch-page-mrwakfts/SKILL.md' && mkdir -p '.cursor/skills' && test ! -e '.cursor/skills/product-launch' && cp -R '.skill-downloads/product-launch-page-mrwakfts' '.cursor/skills/product-launch'OpenSkills
OpenSkills must already be installed. The local install/read procedure is checked with OpenSkills 1.5.0, which requires Node.js ≥ 20.6.0. Catalog slugs are not resolved automatically.
Official OpenSkills installationopenskills install './.skill-downloads/product-launch-page-mrwakfts'openskills read 'product-launch-page-mrwakfts'Reading should display the installed file content and its base directory. It does not run the skill or install its dependencies.
For an agent that reads AGENTS.md, then sync the index. This command changes AGENTS.md: review the diff before using it.
openskills syncManual method or another tool: attach SKILL.md to a conversation, or open it in an agent that can read files. Include any required supporting resources. No universal folder is recognized by every tool.
4. Try a first task
Use a short, synthetic input: an API endpoint, a small document or an interface brief. In a new conversation, attach the file or give the agent its path, then adapt this request:
Read .skill-downloads/product-launch-page-mrwakfts/SKILL.md and apply its instructions to this example: [describe a test input]. Identify any missing files, dependencies or access. Produce the result requested by the skill without inventing data or running unreviewed scripts.Expected result: output matching the skill instructions, or a precise list of missing prerequisites. A read confirmation alone does not validate a first use. If an external resource is unavailable, that path remains untested.
Writing Fragments
Content
Mine raw writing fragments through a relentless interview, without imposing structure. Capture ideas, quotes, and leading words for later use.
UI Copywriting & Auditing
Content
Write or audit user-facing UI copy including buttons, errors, empty states, and tooltips across the monorepo, following the design system source of truth.
Music MIDI Extraction
Content
Extracts the MIDI or score from an existing music production via the CogMusic MCP tool and confirms availability.