Skip to content
Get packs

HTML Tech Talk Deck

Builds an HTML slide deck for an engineering tech talk using a preset template and visual style

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
2 files

What it does

When installed, the agent can turn a request for an engineering tech talk into a browser-viewable HTML slide deck styled with the 'tech-sharing' template. It guides the agent to copy the template's HTML and CSS into a project, fix the asset links so the slides actually load, pick a theme, and keep speaker notes out of the visible slides. The skill itself is a set of written instructions that point to a larger master skill for the detailed authoring rules.

Great for

  • Engineers preparing an internal or community talk who want a ready-made HTML slide look
  • Developers who want slides they can open in a browser and edit as plain HTML and CSS
  • People who already have the parent html-ppt skill installed and want this specific template

Skip it if

  • Users who need PowerPoint or Google Slides files, since the output is HTML rather than an office document
  • Anyone who expects the skill to supply accurate technical content: it only sets up the layout and the example prompt is about OpenDesign internals, so the facts must be checked by the presenter
  • Projects that cannot rely on the parent html-ppt-skill (MIT, upstream) and its shared assets, because this card alone does not contain the full template files

Try asking

  • “Create a tech talk deck about how our agent streaming and sandbox work, styled like the tech-sharing template”
  • “Set up an HTML slide project from the tech-sharing template and make the asset links work offline”
  • “Turn my engineering notes into a slide plan with speaker notes kept out of the visible slides”
  • “Swap the default theme for a darker one in my existing HTML deck”
Step-by-step guide: how to use HTML Tech Talk DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    html-ppt-tech-sharing.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip html-ppt-tech-sharing.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-tech-sharing.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Install the full open-design repository, not just this folder, so the relative links to the master skill and shared assets resolve.
  • Follow Recipe A (copy the assets locally and rewrite the links) so the deck still loads after you move it.
  • Review every technical claim in the generated slides yourself; the skill does not verify facts.

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.