hps-true-blueprint

Generate decision-grade engineering blueprint decks using a locked HTML visual system.

93.2k|10.8k|Updated Apr 28, 2026

Search Tags:#HTML #engineering #blueprint #product-management #ARCHITECTURE #deck #decision-deck

One-click install

npx skills add https://github.com/nexu-io/open-design --skill hps-true-blueprint

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: hps-true-blueprint
Source: https://github.com/nexu-io/open-design/tree/main/plugins/_official/examples/hps-true-blueprint
Command: npx skills add https://github.com/nexu-io/open-design --skill hps-true-blueprint

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

This Skill addresses the need for high-fidelity, consistent engineering design reviews that prevent communication drift and ensure cross-functional alignment on irreversible architectural decisions.

Core Features & Use Cases

Locked Visual System: Enforces a strict 'blueprint' aesthetic (dark blue field, white drafting grid, mono typography) to ensure all engineering decks maintain a professional, uniform look.
Decision-Grade Structure: Provides a template designed for product management and engineering reviews, focusing on evidence chains, system invariants, and clear call-to-action sign-offs.
Use Case: Use this to create a 10-page architectural review deck that clearly outlines system trade-offs, audit requirements, and rollout plans for a new platform feature.

Quick Start

Create a decision-grade engineering blueprint deck for the proposed microservices migration using the hps-true-blueprint template.

Frequently Asked Questions about hps-true-blueprint

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create a new engineering blueprint deck?▼

Use the hps-true-blueprint skill to generate a single-file HTML deck. Start by copying the example.html template and replacing the content while maintaining the locked CSS and runtime script.

Can I change the colors or fonts in the blueprint theme?▼

No, the theme is locked to ensure visual consistency. The blueprint-blue field, white drafting grid, and JetBrains Mono typography are mandatory to maintain the engineering drawing aesthetic.

How do I include architecture diagrams in the slides?▼

Use inline SVG elements within your slide sections. The template supports dashed component outlines, ice-blue connectors, and amber dimension-line annotations to match the blueprint visual language.

What is the recommended slide structure for a decision deck?▼

Follow the sequence: cover with title block, sheet index, section dividers, content pages (architecture, specs, metrics), and a mono pull-quote sign-off. Aim for 8–15 pages total.