Agent skill

HTML Ppt Product Launch

by sanqiufong in sanqiufong/slides-from-anything

Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA.

Apache-2.0Auto-check passedMarketing & SEO

Install HTML Ppt Product Launch

skills CLI
$ npx skills add sanqiufong/slides-from-anything --skill html-ppt-product-launch -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install sanqiufong/slides-from-anything html-ppt-product-launch --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/sanqiufong/slides-from-anything.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/html-ppt-product-launch .claude/skills/html-ppt-product-launch && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
html-ppt-product-launch
GitHub stars
132
Token cost
~1.1k tokens
SKILL.md length
377 words
Files
2
Skills in repo
48
Repo updated
First seen
Licence
Apache-2.0

At a glance

Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA.

  • Works in 6 steps: Read the master skill first. All… → Start from the matching template folder → Bring the shared runtime with the… → …
  • Announcing a product
  • SKILL.md covers When this card is picked, How to author the deck and Attribution
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

HTML Ppt Product Launch is an agent skill from sanqiufong/slides-from-anything. Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA. Use when announcing a product, launching a feature, or doing a keynote-style reveal.

Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file.

It sits in Marketing & SEO, covering Product launch strategy, Pricing strategy and Slides and decks. The repository describes itself as: Turn anything into slides. The licence is Apache-2.0.

When your agent uses it

  • Announcing a product
  • Launching a feature
  • Doing a keynote-style reveal

Example prompts

  • “/html-ppt-product-launch”

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Read the master skill first. All authoring rules live in
  2. Start from the matching template folder
  3. Bring the shared runtime with the template. The upstream
  4. Pick a theme. Default tokens look fine; if the user wants a different
  5. Replace demo content, not classes. The .tpl-product-launch scoped CSS only
  6. Speaker notes go inside or — never as visible text on the slide.

What it can do on your machine

Read from SKILL.md and the folder at commit 65da4ac. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • github.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

HTML Ppt Product Launch loads about 1.1k tokens when it runs. Until then it costs about 55 tokens; SKILL.md has 377 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~55
When it runs · the whole SKILL.md, loaded when a task matches
~1.1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from sanqiufong/slides-from-anything at commit 65da4ac, republished under its Apache-2.0 licence (© sanqiufong). 377 words, ~1,052 tokens.

Download SKILL.mdSave it as .claude/skills/html-ppt-product-launch/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
html-ppt-product-launch
description
Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA. Use when announcing a product, launching a feature, or doing a keynote-style reveal.
triggers
product launch, keynote, launch deck, feature reveal, launch slides, 发布会
od.mode
deck
od.scenario
marketing
od.featured
21
od.upstream
https://github.com/lewislulu/html-ppt-skill
od.speaker_notes
true
od.animations
true
od.example_prompt
Make a product-launch keynote deck in HTML using the html-ppt-product-launch full-deck template (dark hero, warm orange accent, feature cards, pricing tiers)…

HTML PPT · Product Launch

A focused entry point into the html-ppt master skill that lands the user directly on the product-launch full-deck template.

When this card is picked

The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of product-launch (see the upstream full-decks catalog for screenshots and rationale).

How to author the deck

  1. Read the master skill first. All authoring rules live in skills/html-ppt/SKILL.md — content/audience checklist, token rules, layout reuse, presenter mode, the keyboard runtime, and the "never put presenter-only text on the slide" rule.
  2. Start from the matching template folder: skills/html-ppt/templates/full-decks/product-launch/ — copy index.html and style.css into the project, keep the .tpl-product-launch body class.
  3. Bring the shared runtime with the template. The upstream index.html links the shared CSS/JS via ../../../assets/... because it sits three folders deep inside skills/html-ppt/templates/full-decks/. Once you copy index.html into the project, those parent-relative URLs no longer resolve and base.css, animations.css, and runtime.js will 404 — meaning the deck never activates and slide navigation is dead. Pick one of these two recipes per project:
    • Recipe A — copy + rewrite (preferred): copy skills/html-ppt/assets/fonts.css, skills/html-ppt/assets/base.css, skills/html-ppt/assets/animations/animations.css, and skills/html-ppt/assets/runtime.js into a project-local assets/ (with assets/animations/animations.css), then rewrite the four <link>/<script> tags in index.html from ../../../assets/... to the matching project-local paths (assets/fonts.css, assets/base.css, assets/animations/animations.css, assets/runtime.js).
    • Recipe B — inline: read the same four files and replace each <link rel="stylesheet" href="../../../assets/..."> with a <style>...</style> containing the file's contents, and the <script src="../../../assets/runtime.js"> with a <script>...</script> containing runtime.js. Yields a single self-contained index.html. Either way, do not ship the upstream ../../../assets/... URLs verbatim into a project artifact — they only work in-tree.
  4. Pick a theme. Default tokens look fine; if the user wants a different feel, swap in any of the 36 themes from skills/html-ppt/assets/themes/*.css via <link id="theme-link"> and let T cycle.
  5. Replace demo content, not classes. The .tpl-product-launch scoped CSS only recognises the structural classes shipped in the template — keep them.
  6. Speaker notes go inside <aside class="notes"> or <div class="notes"> — never as visible text on the slide.
Show full SKILL.md (29 more words)Show less

Attribution

Visual system, layouts, themes and the runtime keyboard model come from the upstream MIT-licensed lewislulu/html-ppt-skill. The LICENSE file ships at skills/html-ppt/LICENSE; please keep it in place when redistributing.

© sanqiufong, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in skills/html-ppt-product-launch of sanqiufong/slides-from-anything.

  • SKILL.md
  • example.html

Open the folder on GitHubat commit 65da4ac

Compare with similar skills

HTML Ppt Product Launch next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

HTML Ppt Product Launch compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
HTML Ppt Product Launch this skillsanqiufong/slides-from-anything132—~1.1kAutomated safety check: PassApache-2.0
Amazon Competitor Monitoringnexscope-ai/Amazon-Skills744—~1.6kAutomated safety check: PassMIT
Beachhead Segmentphuryn/pm-skills27k—~1.5kAutomated safety check: PassMIT
Memstack Marketing Webinar Scriptcwinvestments/memstack423—~3kAutomated safety check: PassProprietary
Micro SaaS Launcheraiskillstore/marketplace4333 repos~3kAutomated safety check: PassNone
HTML Ppt Zhangzara Broadsidenexu-io/open-design100k—~1.2kAutomated safety check: PassMIT

Similar skills

  • Amazon Competitor Monitoring

    nexscope-ai/Amazon-Skills

    Amazon competitor monitoring and competitive intelligence for sellers.

    744 GitHub stars~1.6k tokensUpdated 1 mo ago
    Marketing & SEOAuto-check passed
  • Beachhead Segment

    phuryn/pm-skills

    Identify the first beachhead market segment for a product launch.

    27k GitHub stars~1.5k tokensUpdated yesterday
    Marketing & SEOAuto-check passed
  • Memstack Marketing Webinar Script

    cwinvestments/memstack

    A skill your agent uses when the user says 'webinar script', 'webinar', 'live presentation', 'teach-to-sell', or needs a timestamped presentation script with slide notes, presenter cues, and replay…

    423 GitHub stars~3k tokensUpdated 14 days ago
    Marketing & SEOAuto-check passed
  • Micro SaaS Launcher

    aiskillstore/marketplace

    Expert in launching small, focused SaaS products fast - the indie hacker approach to building profitable software.

    433 GitHub starsUsed in 3 repos~3k tokens
    Marketing & SEOAuto-check passed
  • HTML Ppt Zhangzara Broadside

    nexu-io/open-design

    OpenDesign's product-launch announcement and press narrative — the headline, the proof points, and the call to action.

    100k GitHub stars~1.2k tokensUpdated yesterday
    Marketing & SEOAuto-check passed
  • 41 Campaign Asset List Global

    minhnv0807/ai-business-skills

    A skill your agent uses when a campaign needs its full design asset list before anyone opens a tool — asset type, dimensions, channel, quantity, priority, owner, deadline, and status, with deadlines…

    609 GitHub stars~2.6k tokensUpdated 29 days ago
    Marketing & SEOAuto-check passed

More from sanqiufong/slides-from-anything

All 48 skills in this repo
  • PPTX HTML Fidelity Audit

    sanqiufong/slides-from-anything

    Audit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with…

    132 GitHub starsUsed in 1 repo~3.5k tokens
    Auto-check passed
  • Mobile App

    sanqiufong/slides-from-anything

    A mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page.

    132 GitHub starsUsed in 1 repo~942 tokens
    Auto-check passed
  • Replit Deck

    sanqiufong/slides-from-anything

    Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery.

    132 GitHub starsUsed in 1 repo~2.9k tokens
    Auto-check passed
  • Live Artifact

    sanqiufong/slides-from-anything

    Create refreshable, auditable Open Design artifacts backed by connector or local data.

    132 GitHub starsUsed in 1 repo~2k tokens
    Auto-check passed
  • Open Design Landing

    sanqiufong/slides-from-anything

    Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic Open Design uses for its own…

    132 GitHub starsUsed in 1 repo~3.3k tokens
    Auto-check passed
  • Web Prototype

    sanqiufong/slides-from-anything

    General-purpose desktop web prototype. An agent skill from sanqiufong/slides-from-anything.

    132 GitHub starsUsed in 3 repos~1k tokens
    Auto-check passed

Questions about HTML Ppt Product Launch

What does HTML Ppt Product Launch do?

Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA. HTML Ppt Product Launch is an agent skill from sanqiufong/slides-from-anything. Launch keynote deck — dark hero + light content, warm orange→peach accent, feature cards, pricing tiers, CTA.

When should I use HTML Ppt Product Launch?

HTML Ppt Product Launch fits situations like: announcing a product; launching a feature; doing a keynote-style reveal.

How do I install HTML Ppt Product Launch in Claude Code?

Run `npx skills add sanqiufong/slides-from-anything --skill html-ppt-product-launch -a claude-code`. Or copy the skill folder (skills/html-ppt-product-launch in sanqiufong/slides-from-anything) into .claude/skills/html-ppt-product-launch in your project. Claude Code loads it when a task matches its description.

How do I install HTML Ppt Product Launch in Codex?

Run `npx skills add sanqiufong/slides-from-anything --skill html-ppt-product-launch -a codex`. Or copy the skill folder (skills/html-ppt-product-launch in sanqiufong/slides-from-anything) into .agents/skills/html-ppt-product-launch in your project. Codex loads it when a task matches its description.

Can I use HTML Ppt Product Launch in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add sanqiufong/slides-from-anything --skill html-ppt-product-launch -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/html-ppt-product-launch, .gemini/skills/html-ppt-product-launch, .github/skills/html-ppt-product-launch and .opencode/skills/html-ppt-product-launch in your project.

What does HTML Ppt Product Launch need to run?

SKILL.md names no scripts, command-line tools or credentials: HTML Ppt Product Launch is instructions for the agent only.

Does HTML Ppt Product Launch access the network?

SKILL.md names 1 domain. As links in the text: github.com. This is read from the text; nothing was executed.

Is HTML Ppt Product Launch safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does HTML Ppt Product Launch use?

HTML Ppt Product Launch is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does HTML Ppt Product Launch use?

About 1.1k tokens (SKILL.md is roughly 4.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to HTML Ppt Product Launch?

Skills that share tags, products or a category with HTML Ppt Product Launch: Amazon Competitor Monitoring (nexscope-ai/Amazon-Skills, 744 stars), Beachhead Segment (phuryn/pm-skills, 27k stars), Memstack Marketing Webinar Script (cwinvestments/memstack, 423 stars) and Micro SaaS Launcher (aiskillstore/marketplace, 433 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains HTML Ppt Product Launch?

sanqiufong (a GitHub user) maintains it in sanqiufong/slides-from-anything, which has 132 GitHub stars. The repository holds 48 skills in this directory. The repository was last updated on October 10, 2026.

Source: sanqiufong/slides-from-anything on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.