What is the primary use of the Stencil Tablet Deck?

The Stencil Tablet Deck is designed for creating policy briefing decks that have a formal, archival aesthetic, ideal for regulatory and compliance contexts.

How do I customize the template?

You can customize the template by replacing placeholder content in the example HTML with your own headlines and body copy, while ensuring you maintain the established design system.

Can I change the fonts or colors in the template?

No, you should not change the fonts, colors, or layout structure as it is essential to preserve the design identity of the template.

Is this skill suitable for all types of presentations?

This skill is best suited for formal presentations that require a serious tone. It is not recommended for more playful or modern digital presentations.

What files are included with the skill?

The skill includes example HTML, a JavaScript runtime for navigation, and a template JSON file, all necessary for creating the presentation.

Stencil Tablet Deck

Name: Stencil Tablet Deck
Availability: InStock
Author: nexu-io

Free

Create archival-style policy briefing decks easily.

by nexu-io84.9k stars on nexu-io/open-design

1 views

Updated Aug 10, 2026

Get this skill

Free · Opens the source repo

What Stencil Tablet Deck does

The Stencil Tablet Deck skill provides a specialized HTML template designed for creating visually impactful policy briefing decks. This skill is particularly suited for contexts requiring a formal yet tactile presentation style, such as regulatory reviews and compliance documentation. It combines a unique typography and color palette that evokes a sense of archival quality, making it ideal for cultural institutions, long-form research, and heritage brands. The design is intentionally crafted to feel like a field manual, rather than a traditional slide deck, which can enhance the seriousness and weight of the information presented.

To use the Stencil Tablet Deck, users must clone the provided example HTML and the accompanying assets folder into their workspace. The skill includes a JavaScript runtime that enables keyboard navigation and slide rendering, ensuring a smooth presentation experience. Users are encouraged to replace placeholder content with their own while adhering to the established design system, which includes specific fonts, colors, and decorative elements. This ensures that the final output maintains a cohesive and professional appearance.

While this skill excels in delivering a specific aesthetic and functionality, it is important to note that it is not suitable for contexts that require a more polished or playful digital presentation. The analog feel of the stencil-cut design and earth-tone palette may not align with modern digital expectations in certain business or tech environments. Therefore, it is best used in scenarios where the archival and tactile qualities of the deck can be fully appreciated and leveraged.

When to use it

Use this skill when you need to produce a decision-grade presentation for regulatory or compliance purposes, particularly in industries like manufacturing or cultural institutions.

When not to use it

Avoid using this skill for presentations that require a modern, digital-native look or a more vibrant, playful design.

What you can build with it

Regulatory Compliance Review

Create a comprehensive policy briefing deck for a manufacturing regulator that details compliance findings and corrective actions.

Cultural Institution Presentation

Design a presentation for a museum or cultural institution that communicates research findings in an archival style.

Heritage Brand Manifesto

Develop a manifesto for a heritage brand that requires a tactile and weighty graphic presentation to convey its core values.

How to install Stencil Tablet Deck

View source

1. Install with the skills CLI

npx skills add nexu-io/open-design/html-ppt-zhangzara-stencil-tablet --agent claude-code

2. Or install it manually

Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.

Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs

Inside SKILL.md

Written by nexu-io

Stencil & Tablet

Bone paper with stencil-cut headlines and a six-color earth palette: archaeology meets brand.

A single self-contained HTML deck — typography, palette, decorative system, and slide vocabulary are all tuned together. Mixing layouts across templates breaks the system; stay inside this one.

At a glance

Scheme: light
Formality: medium-high
Density: medium
Slides in demo: 11

Best for

Anything that should feel archival, tactile, and weighty-graphic: museum and cultural-institution decks, art / architecture brands, longform research, heritage and craft brands, manifestos. A great choice anytime — including across tech and business — when you want the deck to feel like a field manual rather than a slide deck.

Avoid for

Contexts that demand digital-native polish or playful pop — the stencil-cut display and earth-tone palette commit to a deliberate analog feel.

Workflow

Clone example.html AND the assets/ folder into the user's workspace. This template ships an assets/deck-stage.js runtime (keyboard navigation, stage rendering); the HTML references it as assets/deck-stage.js, so the file must sit next to the cloned HTML or that path will 404 in the generated artifact and navigation will silently break. Inlining the JS into a single <script> block in the HTML is an acceptable alternative when a single self-contained file is preferred.
Replace placeholder content with the user's real headlines, body copy, numbers, names, dates, and section labels. Match existing dimensions when swapping image placeholders.
Preserve the design system. Never substitute fonts, recolor the palette, restructure the layout grid, or strip decorative elements (corner brackets, paper grain, geometric shapes, illustrated SVGs). They are part of the identity.
Adjust deck length by duplicating layouts. If the user has more content than the demo holds, duplicate an existing slide of the most appropriate layout. If less, drop slides from the bottom. Update page-number labels.
Designing missing layouts: if a slide needs a layout the template doesn't have, design it from scratch using the same fonts, palette, decorative vocabulary, spacing rhythm, and component grammar — never bail to a different template.
Keep the navigation runtime as shipped. If the deck ships an assets/deck-stage.js or inline keyboard handler, leave it intact.

Output contract

Emit between <artifact> tags:

<artifact identifier="zhangzara-stencil-tablet" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>

Source & license

Vendored from upstream MIT-licensed zarazhangrui/beautiful-html-templates.

The full upstream MIT license text — including the original copyright notice — ships in this skill at LICENSE and must be redistributed alongside any copy of example.html, template.json, or any vendored assets/ runtime. See template.json for the upstream metadata snapshot.

Frequently asked questions about Stencil Tablet Deck

Similar skills

PPTX HTML Fidelity Audit

Ensure your PPTX matches its HTML source perfectly.

HTML PPT Studio

Create professional HTML presentations effortlessly.

Humanize PPT

Transform raw material into presentation-ready outlines.

Replit Deck

Create visually cohesive decision decks with ease.

Open Design Landing Deck

Create engaging marketing decks with a magazine-style format.

Magazine Web Presentation

Create visually striking HTML presentations with ease.