---
name: Deck Blueprint
slug: deck-blueprint
category: Frontend
description: Deck Blueprint creates a print-friendly architecture or pipeline explanation deck with a cream blueprint-grid background, rust red callout, hard-edged cards, and SVG feedback loop. Use it when presenting technical architecture or pipeline steps in a slide deck.
github: "https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-blueprint"
language: HTML
stars: 8300
forks: 810
install: "npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-blueprint ~/.claude/skills/deck-blueprint"
installs_to: ~/.claude/skills/deck-blueprint
source_path: next/src/lib/templates/skills/deck-blueprint/SKILL.md
collection_size: 25
category_size: 567
collection_url: "https://dirskills.com/collections/nexu-io/html-anything"
added: 2026-08-15T06:50:54.111Z
last_synced: 2026-08-15T06:50:54.111Z
canonical_url: "https://dirskills.com/skills/deck-blueprint"
---

# Deck Blueprint

Deck Blueprint creates a print-friendly architecture or pipeline explanation deck with a cream blueprint-grid background, rust red callout, hard-edged cards, and SVG feedback loop. Use it when presenting technical architecture or pipeline steps in a slide deck.

**Install:**

```bash
npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-blueprint ~/.claude/skills/deck-blueprint
```

## README

【模板: Knowledge Arch Blueprint Deck】
【意图】认真的、印刷友好的架构 / pipeline 讲解 deck。
【布局】
- 奶油 #F0EAE0 底 + 蓝图 48px 网格 mask
- Pipeline 步骤盒 (其中一个抬高)
- 右侧锈红 #B5392A insight callout
- Playfair serif 大字 + SVG 虚线反馈环
【设计细节】
- 零渐变零软阴影