Bento Slides

by Prism-Shadow

Bento Slides is a Frontend skill for Claude Code, published by Prism-Shadow in penguin-harness.

1.5K stars150 forkson Prism-Shadow/penguin-harnessAdded 2026/08/19+21% in starsRepository updated 2026/08/19

View source on GitHub Download repo ZIP

agentagentic-aiaibuild-toolclaude-codedeepseekdeepseek-harnessdesktopharnessllmrsiself-evolving

Install in seconds

Install Bento Slides

Copy Bento Slides into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/Prism-Shadow/penguin-harness/tree/main/packages/skills/skills/bento-slides ~/.claude/skills/bento-slides

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/Prism-Shadow/penguin-harness.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: packages/skills/skills/bento-slides/SKILL.md in Prism-Shadow/penguin-harness
Installs to: ~/.claude/skills/bento-slides
Collection: One of 21 skills cataloged from this repository
Category: Frontend — 567 skills

What Bento Slides does

Bento Slides creates and edits Bento presentations — self-contained .bento.html decks whose document is JSON. Use it when the user wants a slide deck or presentation, whether from scratch, from source material, or by improving an existing file.

Bento Slides is cataloged under Frontend on DirSkills. Bento Slides comes from a repository tagged agent, agentic-ai, ai, build-tool and claude-code.

Documentation

README

Excerpt

Authoring Bento decks

A Bento deck is one self-contained .bento.html file. The document is plain JSON in a single block:

<script type="application/bento+json" id="bento-doc"> { "format":"bento/slides", ... } </script>

Edit that block only, in place. Escape every < in the JSON as \u003c so it can never contain a literal </script>. Leave the rest of the file — the compressed runtime — untouched. In a chat context the user copies the JSON out instead (Save ▾ → Copy document JSON) and pastes the replacement back (Save ▾ → Replace from JSON…); window.bento.loadDoc(json) does the same from the console.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Bento Slides

What else does Prism-Shadow publish alongside Bento Slides?
Bento Slides is one of 21 skills that DirSkills catalogs from Prism-Shadow/penguin-harness, the repository it ships in. Its siblings there include Agent Creation, Agent Evaluation and Agent Optimization. Each one is a separate skill with its own page in this directory, installs the same way Bento Slides does, and is maintained by Prism-Shadow in that same repository. The rest of the collection is listed on the Prism-Shadow/penguin-harness page.
How does Bento Slides compare to other Frontend skills?
Bento Slides ranks #281 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Bento Slides against them. Open each page to compare what they document and how they install.