Html Ppt Zhangzara Signal

Name: Html Ppt Zhangzara Signal
Author: nexu-io

nexu-io/open-design

64 installs
83.7k repo stars
Updated August 5, 2026
nexu-io/open-design

Helps with ai & agent building tasks during AI-assisted development.

About

html-ppt-zhangzara-signal is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.

html-ppt-zhangzara-signal
AI & Agent Building
AI-coding skill

Html Ppt Zhangzara Signal by the numbers

64 all-time installs (skills.sh)
+1 installs in the week ending Aug 4, 2026 (Skillselion tracking)
Ranked #6,110 of 16,546 AI & Agent Building skills by installs in the Skillselion catalog
Data as of Aug 5, 2026 (Skillselion catalog sync)

npx skills add https://github.com/nexu-io/open-design --skill html-ppt-zhangzara-signal

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

[![Listed on Skillselion](https://skillselion.com/badge/skills/nexu-io/open-design/html-ppt-zhangzara-signal.svg)](https://skillselion.com/skills/nexu-io/open-design/html-ppt-zhangzara-signal)

Installs	64
repo stars	★ 83.7k
Last updated	August 5, 2026
Repository	nexu-io/open-design ↗

What it does

Helps with ai & agent building tasks during AI-assisted development.

Files

SKILL.mdMarkdownGitHub ↗

Signal

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

1. Clone `example.html` into the user's workspace as the working file. 2. Replace placeholder content with the user's real headlines, body copy, numbers, names, dates, and section labels. Match existing dimensions when swapping image placeholders. 3. 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. 4. 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. 5. 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. 6. 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-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.

MIT License

Copyright (c) 2026 Zara Zhang

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

{
  "slug": "zhangzara-signal",
  "name": "Signal",
  "tagline": "Deep navy canvas with bone paper and a single muted-gold accent; institutional with quiet weight.",
  "mood": [
    "institutional",
    "trustworthy",
    "considered",
    "weighty"
  ],
  "occasion": [
    "investor deck",
    "consulting deliverable",
    "board presentation",
    "legal / policy brief",
    "academic deck",
    "advisory pitch",
    "bilingual EN/CN deck"
  ],
  "tone": [
    "sober",
    "polished",
    "established",
    "literary"
  ],
  "formality": "high",
  "density": "high",
  "palette": {
    "bg": "#1c2644",
    "bg_alt": "#232f55",
    "fg": "#e2dcd0",
    "accent": "#c8a870",
    "bg_light": "#f0ece3",
    "description": "deep navy primary with warm bone paper alternate and a single muted-gold accent; restrained, institutional, no decorative color"
  },
  "typography": {
    "display": "Source Serif 4",
    "body": "DM Sans",
    "mono": "IBM Plex Mono",
    "serif_cn": "Noto Serif SC",
    "sans_cn": "Noto Sans SC",
    "style": "transitional serif headlines + clean sans body + technical mono captions; full Chinese serif/sans support"
  },
  "scheme": "mixed",
  "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.",
  "slide_count": 18,
  "navigation": "inline keyboard handler",
  "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/signal"
}