Skip to content
Get packs

Engineering Blueprint Deck

Builds a locked, drafting-style HTML slide deck presenting an engineering architecture review.

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
3 files

What it does

When installed, the agent builds a single-file HTML slide presentation in a fixed 'engineering blueprint' look: dark blue background, white grid lines, dashed boxes, monospace lettering, and amber annotations. It starts from a seed file called example.html, keeps the design rules and navigation script intact, and replaces only the slide content with your own material, including simple inline diagrams of system parts. The skill also frames the deck as a decision-focused product-management presentation for an engineering audience, with a critic check on whether reviewers can agree on a next step.

Great for

  • Teams wanting a consistent, technical-looking architecture review deck as a single HTML file
  • Designers or product managers who want a locked visual theme rather than choosing styles each time
  • People already familiar with the OpenDesign project structure who want to present its sandbox, sidecar and daemon design

Skip it if

  • Users who need a light, branded or flexible theme, since the skill forbids theme changes and palette mixing (the design is intentionally locked)
  • Anyone expecting it to document a different system; the content is centred on OpenDesign's own architecture and the example content must be replaced with real facts you provide
  • Situations needing verified technical accuracy without review, since the agent writes the slide content and the file says to use real content rather than placeholder text

Try asking

  • “Create a decision deck presenting our service architecture to the engineering org in the blueprint style”
  • “Using the hps-true-blueprint template, turn my architecture review notes into a single-file HTML slide deck with a system diagram”
  • “Make an HTML slide plan with speaker notes for a roadmap review of our platform components”
Step-by-step guide: how to use Engineering Blueprint DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.

    hps-true-blueprint.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip hps-true-blueprint.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip hps-true-blueprint.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide the source-of-truth material, audience, decision target and must-keep numbers up front, as the skill asks for these before drafting
  • Keep each slide to one screen of content, since the template forbids internal scrolling and expects more slides instead
  • Review any diagram or figure the agent produces against your real architecture before presenting, because the skill does not verify facts

What's inside

  • example.html
  • open-design.json
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.