Skip to content
cccskills
FreePublished on GitHubEnglish overview

ppt-keynote

Turn presentation content into Keynote-style web slides with large headings, restrained colors, and generous spacing. Each screen shows one slide, with keyboard navigation, page counts, and fade transitions for product introductions or talks.

OriginalShow the original description

Apple Keynote-quality slides, one card per screen, with keyboard left/right navigation.

AI rating100/ 100See how to install

Good for

  • Building a product introduction deck
  • Preparing slides for a talk
  • Presenting a chart on its own slide
  • Creating a keyboard-controlled web presentation

Overview

What it does

This skill turns product introductions or presentation content into web slides with a Keynote-style appearance. Each screen displays one slide, built around a large heading with short supporting text, a data chart, or a memorable statement. The layout uses generous spacing and restrained colors, with data cards aligned in a grid.

When it helps

Use it to explain product features in sequence or show presentation materials on the web during a talk. It is designed for a 1280×720 screen with a 16:9 aspect ratio. You can arrange the content as a complete presentation, from a cover slide through a closing thank-you or a call to action. A chart can also be presented on a slide of its own.

Example requests

  • “Turn this product introduction into slides with large headings and short explanations.”
  • “Create a presentation that shows this data chart on one slide.”
  • “Make web slides that I can navigate with the left and right arrow keys.”

Notes

The output is a web presentation using HTML and JavaScript. It includes navigation with the arrow keys and space bar, the current page number, a URL position such as #/3, and fade transitions. Export to PowerPoint or Keynote formats is not documented.

This overview was written by AI (OpenAI Codex) from the public SKILL.md. Check the original below for the exact behavior.

Objective evaluation

AI rated this skill on four points using only the contents of its SKILL.md. Stars and popularity are not taken into account.

Clear instructionsIs it clear when to use it and what it does?
AGoodIt explicitly describes creating presentation slides shown one per screen and navigating them with the left and right arrow keys.
Concrete stepsAre steps, inputs, outputs, and examples spelled out?
AGoodIt specifies the section structure, screen dimensions, text styling, keyboard controls, and URL position tracking.
SafetyAre sending data, deleting files, and running commands disclosed?
AGoodThe described JavaScript changes slides and updates URL position; no deletion or external transmission is included.
Easy setupDoes it need few tools or API keys, and are they documented?
AGoodIt describes an HTML and JavaScript implementation and explicitly states that no additional design system is required.

The total counts each point as A = 25, B = 15, C = 5. Rated by AI (OpenAI Codex) as of Oct 20, 2026. Treat it as a guide and read the original before installing.

Disagree? Request a re-evaluation

Tell us which point is wrong and why. No login needed. We will check it against the SKILL.md, redo the evaluation, and show the result here.

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

Files included (3)

  • SKILL.md2.2 KB
  • example.html7.1 KB
  • example.md849 B

SKILL.md (original)

Review the instructions the agent will receive before you install.

【模板: Keynote 风格 PPT】

  • 每张幻灯片是一个 <section class="slide">, 整体宽 1280 高 720, 居中显示, 背景渐变。
  • 单页内容极简: 大标题 + 1-3 行支持文字; 或一张数据图; 或一个金句。
  • 字号: 标题 text-7xl font-semibold tracking-tight, 副标题 text-2xl text-neutral-500。
  • 第一页是封面 (主题 + 演讲者 / 日期), 最后一页是 "Thanks." 或行动号召。
  • 顶部右上角小指示器: 当前页 / 总页数。
  • 加一段 JavaScript 监听 ArrowLeft / ArrowRight / 空格键切换 slide; 同时维护 hash (#/3)。
  • 每页之间用 fade-in 动画。
  • 保持留白, 数据卡片用 grid 布局对齐, 颜色克制。

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

8-bit-orbit-video-template

FreeSummaryAI rating 90

Create a three-scene video composition in a retro pixel style using a Hyperframes HTML template. Customize titles, labels, and colors while preserving scene transitions, short scene durations, and repeatable animation timing.

  • Create a retro pixel presentation video
  • Customize a three-scene video template
  • Preview scene transitions and motion in HTML
nexu-io/open-design103.2KUpdated Oct 22, 2026

ad-creative

FreeSummaryAI rating 80

Create and revise headlines, descriptions, and main text for paid social and search ads. Use it to develop ad copy options and refine wording through repeated rounds of revision.

  • Drafting headlines for paid social ads
  • Creating descriptions for search ads
  • Revising the main text of an ad
nexu-io/open-design103.2KUpdated Oct 22, 2026

after-hours-editorial-template

FreeSummaryAI rating 80

Create a three-page editorial motion sequence with dark backgrounds, serif typography, staged text reveals, and chapter transitions. The result is a single HTML file suited to fashion-inspired storytelling and short visual presentations.

  • Creating a fashion-inspired motion presentation
  • Presenting a short story across three pages
  • Applying existing brand rules to a dark editorial sequence
nexu-io/open-design103.2KUpdated Oct 22, 2026

agent-browser

FreeSummaryAI rating 100

Inspect and test web pages through a browser automation command-line tool. Navigate, click, enter text, capture screenshots, and extract page details, with a focus on checking local OpenDesign previews and reviewing web app quality.

  • Checking local OpenDesign previews
  • Testing clicks and text entry in web apps
  • Capturing page or element screenshots
nexu-io/open-design103.2KUpdated Oct 22, 2026

ai-music-album

FreeSummaryAI rating 80

Plan an AI music album from its concept through lyric drafts, track order, and export. Intended for independent album experiments and brand soundtracks, with the full production workflow provided through a separately installed upstream bundle.

  • Planning an experimental independent album
  • Drafting lyrics around an album concept
  • Deciding the running order of tracks
nexu-io/open-design103.2KUpdated Oct 22, 2026

algorithmic-art

FreeSummaryAI rating 80

Create generative art, or images made with programmed rules, using p5.js. Fixed random seeds make each rendering reproducible, supporting procedural posters, still images that suggest motion, and studies of artistic frame composition.

  • Posters generated with programmed rules
  • Still images that suggest motion
  • Studies of artistic frame composition
nexu-io/open-design103.2KUpdated Oct 22, 2026

See all skills by nexu-io

Report a problem with this skill