Html Ppt Zhangzara Broadside

Name: Html Ppt Zhangzara Broadside
Author: nexu-io

nexu-io/open-design

58 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-broadside is a Claude Code skill for ai & agent building. It helps solo builders move faster with AI-assisted coding.

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

Html Ppt Zhangzara Broadside by the numbers

58 all-time installs (skills.sh)
Ranked #6,517 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-broadside

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-broadside.svg)](https://skillselion.com/skills/nexu-io/open-design/html-ppt-zhangzara-broadside)

Installs	58
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 ↗

Broadside

Dark editorial canvas with a single fire orange accent and bilingual Latin/Chinese type stack.

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: dark
Formality: medium-high
Density: medium
Slides in demo: 16

Best for

Anything that should land like a broadside newspaper headline: brand manifestos, magazine and cultural pitches, design talks, bilingual EN/CN decks, founder vision statements. Also a striking pick for tech, research, or business decks that want a dramatic single-accent editorial feel.

Avoid for

Decks that need to feel quiet, warm, or institutionally traditional — the dark canvas with fire-orange accent commits to drama.

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-broadside" 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-broadside",
  "name": "Broadside",
  "tagline": "Dark editorial canvas with a single fire orange accent and bilingual Latin/Chinese type stack.",
  "mood": [
    "editorial",
    "dramatic",
    "loud",
    "newspaper"
  ],
  "occasion": [
    "brand manifesto",
    "founder vision deck",
    "magazine / cultural pitch",
    "design talk",
    "bilingual EN/CN deck",
    "campaign launch"
  ],
  "tone": [
    "graphic",
    "punchy",
    "literary",
    "considered"
  ],
  "formality": "medium-high",
  "density": "medium",
  "palette": {
    "bg": "#111111",
    "bg_alt": "#1a1a18",
    "fg": "#f0ece5",
    "accent": "#e85d26",
    "border": "#282826",
    "muted": "#888880",
    "description": "near-black newspaper canvas with warm cream text and a single fire-orange headline accent; high typographic contrast, no decorative color"
  },
  "typography": {
    "display": "Barlow",
    "body": "Barlow",
    "mono": "IBM Plex Mono",
    "cn": "Noto Sans SC",
    "style": "broadside-newspaper grotesk pairing with technical mono captions and Simplified Chinese support"
  },
  "scheme": "dark",
  "best_for": "Anything that should land like a broadside newspaper headline: brand manifestos, magazine and cultural pitches, design talks, bilingual EN/CN decks, founder vision statements. Also a striking pick for tech, research, or business decks that want a dramatic single-accent editorial feel.",
  "avoid_for": "Decks that need to feel quiet, warm, or institutionally traditional — the dark canvas with fire-orange accent commits to drama.",
  "slide_count": 16,
  "navigation": "inline keyboard handler",
  "source": "https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/broadside"
}