Signal Presentation Deck
FreeCreate formal HTML presentations with a cohesive design.
Free · Opens the source repo
What Signal Presentation Deck does
Signal is a specialized HTML presentation deck designed for high-stakes corporate environments. It features a deep navy canvas complemented by a muted-gold accent, creating an institutional feel that conveys weight and authority. This self-contained deck includes typography, color palette, and decorative elements that are all harmonized to ensure a professional appearance. It is particularly suited for investor decks, board presentations, and consulting deliverables where a serious tone is essential.
The workflow for using Signal is straightforward. Users begin by cloning the provided example HTML file into their workspace. They then replace the placeholder content with their actual data while adhering to the established design system. It is crucial to maintain the integrity of the design elements—such as fonts, colors, and layouts—throughout the customization process to preserve the professional identity of the deck.
Signal is ideal for anyone needing to present information in a considered and authoritative manner. This includes corporate strategists, legal professionals, and consultants who require a formal presentation style that avoids playful or casual tones. The deck is built to handle high-density information effectively, making it a valuable tool for communicating complex ideas succinctly.
However, Signal is not suitable for contexts that demand a more dynamic or playful presentation style. The restrained color palette and formal design choices commit it to a sober voice, which may not resonate well in creative or fast-paced environments. Users should consider their audience and the nature of their content before opting for this particular deck.
When to use it
Use Signal when you need to deliver a serious presentation that requires a professional and institutional aesthetic.
When not to use it
Avoid using Signal for presentations that need to be lively, playful, or visually dynamic.
What you can build with it
Investor Presentation
Use Signal to create a formal deck for presenting to potential investors, ensuring a professional appearance.
Board Meeting Deck
Prepare a high-stakes presentation for board meetings with Signal's cohesive and authoritative design.
Consulting Deliverable
Deliver consulting insights in a structured format using Signal to maintain a serious and credible tone.
How to install Signal Presentation Deck
View source1. Install with the skills CLI
npx skills add nexu-io/open-design/html-ppt-zhangzara-signal --agent claude-code2. 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-ioSignal
Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight.
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: mixed
- Formality: high
- Density: high
- Slides in demo: 18
Best for
Anything that should feel weighty, considered, and credibly institutional: investor decks, board presentations, consulting deliverables, legal / policy briefs, advisory pitches. Also a strong choice for tech, research, or brand work that wants to read as quietly authoritative rather than loud.
Avoid for
Contexts that should feel hot, fast, or intentionally playful — the navy + gold restraint commits to a sober voice.
Workflow
- Clone
example.htmlinto the user's workspace as the working file. - 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.jsor inline keyboard handler, leave it intact.
Output contract
Emit between <artifact> tags:
<artifact identifier="zhangzara-signal" 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 Signal Presentation 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.