Agent skill · writing content · nexu-io
hps-true-blueprint
OpenDesign's engineering blueprint: how the sandbox, sidecar, and daemon fit — the system diagram and the invariants. Built as a decision-grade product management deck for engineering org.
Why this skill is useful
Provides a structured approach to creating engineering blueprints that integrates specific design elements and decision-making frameworks not commonly found in generic templates.
What it needs
About 5k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
True Blueprint（工程蓝图） A locked single-theme deck skin ported from the blueprint theme of the upstream MIT-licensed lewislulu/html-ppt-skill (36 themes × 31 layouts). The whole deck reads as one engineering drawing set: blueprint-blue paper, white drafting grid, dashed component outlines, mono lettering, amber redline annotations. Start from example.html. Replace content only. Never rewrite the design system or the runtime script. The theme is LOCKED — no theme cycling, no colors or fonts outside this spec. Sibling note: html-ppt-knowledge-arch-blueprint is the light blueprint variant (cream paper + rust-red ink). This plugin is the opposite-polarity scheme — dark blue field, white ink. Do not blend the two palettes. Locked token sheet (:root — reproduce verbatim) Color roles: white --accent for headline emphasis, ice-blue --accent-2 for ink lines / connectors / progress, amber --accent-3 strictly for annotations, callouts and the single highlighted element per slide. --good/--warn/--bad (mint/amber/coral) are redline-annotation semantics — use them in eyebrows and ticks only, never as fills. Typography One family everywhere. Every font slot is 'JetBrains Mono', monospace. The only allowed remote resource is the JetBrains Mono Google Fonts @import (weights 300/400/500/700/800 + italic 400). .h1/.h2 are UPPERCASE, weight 800/700, clamp()-fluid (h1: clamp(40px,5vw,64px)). .kicker is a // slash-comment style label: 13px, 700, .18em letterspacing, uppercase, ice-blue. .eyebrow: 12px, .22em, --text-3. .lede is weight 300, --text-2, max-width 64ch. Signature devices (what makes it a blueprint) 1. Drafting-grid canvas — body background is two 1px linear-gradient layers at rgba(255,255,255,.06) on a 40px cell over solid #0b3a6f. Never replace with a flat fill or an image. 2. Double drawing frame — every slide draws .slide::before (1px solid --ink, inset 28px) and .slide::after (1px dashed, inset 34px). 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/hps-true-blueprint