nexu-io avatar

Html Ppt Knowledge Arch Blueprint

A single-purpose entry point into the html-ppt system that lands you directly on the blueprint architecture template: cream paper background, rust red accents, 48px blueprint grid overlay, and hard-edged black-bordered cards. Built for engineering whitepapers and system design decks where you need to show pipelines, data flows, and callouts without any gradient or shadow nonsense. The template enforces print-friendly constraints and uses Playfair serif headers with SVG dashed feedback loops. Ships with a full keyboard runtime for presenter mode, but you'll need to copy the shared assets into your project or inline them because the upstream relative paths only work in the skill tree. Good default when you want a technical deck that looks deliberate and stays readable on paper.

skills.sh installs
184
GitHub stars
106.9K
last updated
Aug 21, 2026

Install

$ npx -y skills add nexu-io/open-design --skill html-ppt-knowledge-arch-blueprint --agent claude-code

Installs into .claude/skills of the current project.

Files

HTML PPT · 奶油蓝图架构

A focused entry point into the html-ppt master skill that lands the user directly on the knowledge-arch-blueprint full-deck template.

When this card is picked

The Examples gallery wires "Use this prompt" to the example_prompt above. When you accept that prompt, this card is the right pick if the user wants exactly the visual identity of knowledge-arch-blueprint (see the upstream full-decks catalog for screenshots and rationale).

How to author the deck

Sponsors

Details

Repository
github.com/nexu-io/open-design
Categories
Frontend Development, Design & UI/UX, Office & Documents
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217
1oguzhan18 avatarangular-guardsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Route Guards, CanActivate, CanDeactivate, CanLoad, or route protection in Angular applications.184skills.sh installs
2oguzhan18 avatarangular-interceptorsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular HTTP Interceptors, request/response transformation, auth interceptors, or error handling in HTTP calls.184skills.sh installs
3oguzhan18 avatarangular-schematicsoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Schematics, custom generators, code generation, or building CLI tools in Angular.184skills.sh installs
4nexu-io avatarhtml-ppt-tech-sharingnexu-io/open-designConference / internal tech-talk deck — GitHub-dark, JetBrains Mono, terminal code blocks, agenda + Q&A pages. Use for engineering presentations, internal sharin183skills.sh installs
5nexu-io avatarhtml-ppt-presenter-modenexu-io/open-design演讲者模式专用 deck — tokyo-night 默认主题,5 套主题 T 键切换,每页带 150-300 字逐字稿示例(<aside class="notes">),按 S 打开 popup(CURRENT / NEXT / SCRIPT / TIMER 四张磁吸卡片)。用于技术分享、公开演讲、课程讲解,怕忘词或182skills.sh installs
6nexu-io avatarhtml-ppt-testing-safety-alertnexu-io/open-design红琥珀警示 deck — 顶/底 45° 红黑 hazard 条纹、红色删除线否定标题、L1/L2/L3 绿/琥珀/红 tier 卡片、圆点状态 alert box、policy-yaml 代码块(红左边框 + bad 关键词高亮)、红绿 checklist、Q1 事故堆叠柱状图。适合安全 / 风险 / 事故复盘 / 182skills.sh installs