html-ppt-weekly-report

Generates HTML slide decks for team weekly reports with KPI grids, bar charts, and next-week plans.

Updated May 20, 2026
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-weekly-report-keimoshi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: html-ppt-weekly-report
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/skills/html-ppt-weekly-report
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill html-ppt-weekly-report-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Turning raw weekly metrics, shipped items, and blockers into a polished status-update presentation normally requires manual slide design work; this Skill produces a ready-to-present HTML deck from a structured weekly-report template. ## Core Features & Use Cases - Full-deck weekly report template: Ships a 7-slide corporate-clarity layout with cover, 8-cell KPI grid, shipped list, 8-week bar chart, blockers, next-week table, and closing slide. - Shared runtime and theming: Reuses the html-ppt master skill's base CSS, animation library, keyboard navigation runtime, and 36 swappable themes, with speaker notes support via hidden <aside class="notes"> blocks. - Use Case: Ask for a weekly report deck, provide your week range, 3-5 KPI numbers, shipped items, and next-week plan, and receive a self-contained index.html deck you can present in a browser or print. ## Quick Start Ask the assistant to generate a weekly report deck with the html-ppt-weekly-report template, providing your week range, core KPI numbers, shipped items, and next-week plan.

Frequently Asked Questions about html-ppt-weekly-report

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a weekly report slide deck in HTML?

Copy the weekly-report template's index.html and style.css into your project, keep the .tpl-weekly-report body class, and replace the demo KPI values, shipped items, and chart data with your own. The deck renders in any browser with keyboard navigation.

What slides are included in a weekly status report template?

The template ships seven slides: a cover with week range, an 8-cell KPI grid with delta badges, a shipped-items list with tags, an 8-week bar chart, a blockers section, a next-week plan table, and a closing slide.

Why do the CSS and JS files 404 after copying the template?

The upstream template references shared assets via ../../../assets/ paths that only resolve inside the skill tree. Either copy fonts.css, base.css, animations.css, and runtime.js into a project-local assets folder and rewrite the paths, or inline their contents directly into index.html.

Can I change the color theme of the HTML deck?

Yes. The default corporate-clarity tokens can be replaced by linking any of the 36 themes from the html-ppt assets/themes directory via the theme-link element, and pressing T cycles themes at runtime.

How do I add speaker notes without showing them on slides?

Place presenter notes inside an aside or div with the notes class. The CSS hides them from the audience view, and the runtime displays them in the presenter overlay or popup window instead.