New to Claude Skills? Learn how to install them →

Get Claude Skills
nexu-io on GitHub

People's Platform

Free

Create expressive policy briefing decks with ease.

by nexu-io84.9k stars on nexu-io/open-design
2 views
Updated Aug 10, 2026
Get this skill

Free · Opens the source repo

What People's Platform does

The People's Platform skill provides a self-contained HTML template designed for creating visually striking policy briefing decks. This skill is particularly useful for activists, civic leaders, and anyone needing to present proposals or ideas in a compelling and graphic manner. The design features a bold color palette and typography that evoke a sense of urgency and honesty, making it ideal for cultural commentary, manifestos, and campaign pitches.

Users can clone the provided example HTML and associated assets to quickly set up their own presentations. The template ensures that all elements, from typography to layout, are cohesive and aligned with the intended expressive energy. By following the structured workflow, users can easily replace placeholder content with their own information while maintaining the integrity of the design system. The skill emphasizes the importance of consistency, encouraging users to adhere to the established visual vocabulary to preserve the deck's identity.

The skill is particularly suited for situations where a bold, graphic approach is needed, such as community meetings or public presentations where the goal is to engage and inspire. However, it is not recommended for more formal contexts where a restrained or corporate aesthetic is required. The skill's design is intentionally vibrant and expressive, making it less appropriate for traditional business settings.

When to use it

Use this skill when you need to create a visually impactful presentation that conveys strong messages, especially in activist or community contexts.

When not to use it

Avoid this skill for formal presentations requiring a conservative or corporate design approach.

What you can build with it

Activist Campaign Presentation

Create a compelling deck for a community campaign that demands attention and engagement.

Civic Engagement Proposal

Present a funding proposal to a city council with a visually impactful briefing deck that highlights key points.

Cultural Commentary Deck

Design a presentation for a cultural event that uses bold graphics to convey strong messages.

How to install People's Platform

View source

1. Install with the skills CLI

npx skills add nexu-io/open-design/html-ppt-zhangzara-peoples-platform --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

People's Platform (Block & Bold)

Activist poster energy: blue, orange, red on cream, with Alfa Slab + Caveat Brush.

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-low
  • Density: medium-high
  • Slides in demo: 10

Best for

Anything that should feel honest, loud, and graphic: cultural commentary, manifestos, civic and community decks, design talks, campaign pitches. Excellent for founder-vision moments, mission statements, or any deck — including across industries — that wants protest-poster energy instead of corporate polish.

Avoid for

Contexts where institutional restraint is the actual goal — the saturated political-poster palette commits hard to expressive energy.

Workflow

  1. 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.
  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-peoples-platform" 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 People's Platform

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.