Guide · Agent skill
How to use the Architecture Review Slide Deck agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
This guide explains the Architecture Review Slide Deck skill, named deck-open-slide-canvas. When it is installed, an AI agent can build a single-file HTML presentation on a fixed 16:9 canvas, with a colour palette, type scale and keyboard navigation. By the end you will know how to install it, how to ask for a deck in plain language, and what to check before you present.
Architecture Review Slide Decknexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download the skill. Download the ZIP for deck-open-slide-canvas from the directory page and unzip it.
- 2Place the folder. Move the unzipped folder into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder.
- 3Or upload it in the Claude apps. In the Claude apps, open Settings, go to Capabilities, then Skills, and upload the skill.
- 4Describe your deck. Ask for an HTML slide deck, naming the topic, audience and decision you need.
- 5Answer the setup questions. Provide the audience, decision target, source materials, deadline and must-keep numbers when the agent asks.
- 6Check the output. Open the single HTML file in a browser, use the arrow keys, and verify every figure against your sources.
What does the deck-open-slide-canvas skill make the agent do?
An agent skill is a folder of instructions that an AI agent loads when a task matches it. This one tells the agent to produce one HTML file that works as a presentation. Each page is 1920×1080 pixels, scaled to fit the browser window, and the agent lays out each slide freely based on its content.
The skill sets strict rules. Every slide has one visual focal point, such as a single sentence, one number or one image. Typography follows a defined type scale, and the agent picks one of four colour palettes and keeps it for the whole deck.
- Fixed 1920×1080 canvas, scaled with transform: scale, centred by default at 0.7
- Type scale from 18px to 220px, with padding of 96, 128 or 160px
- Each slide is a section with class slide and a data-slide-id attribute
- Keyboard left and right arrows move between slides, with the URL hash kept in sync
- Corner markers: slide number at bottom right, deck title at bottom left
How do you install the skill?
You can install the skill by downloading its ZIP from the directory page and unzipping it. Put the unzipped skill folder in ~/.claude/skills/ for personal use, or in a project's .claude/skills/ folder to share it with that project. Alternatively, upload the skill in the Claude apps under Settings → Capabilities → Skills.
The skill folder contains three files: SKILL.md, which holds the instructions, example.html, which shows the finished style, and open-design.json, which holds its metadata.
- Personal: ~/.claude/skills/
- Project: .claude/skills/ inside your project folder
- Claude apps: Settings → Capabilities → Skills, then upload
~/.claude/skills/How do you trigger the skill with a natural request?
You do not need a special command. Describe the deck you want in plain language and mention the topic, the audience or the format. The skill's listed triggers include phrases such as html deck, html slides, architecture, product management and roadmap.
Before building, the agent asks only for missing essentials: the audience, the decision you want, your source materials, the deadline and any numbers that must stay exact. Having these ready will speed up the first draft.
- Make an HTML slide deck for my architecture review of the new service design, for tech leads and security.
- Build an html deck from my roadmap notes. The decision is whether we approve phase two.
- Turn this design doc into html slides for cross-functional reviewers, using a dark colour palette.
What does a finished deck look like?
The bundled example is an architecture review of OpenDesign's local daemon and agent-runtime design, covering the tradeoffs and the decision to lock. The example uses the Sea Indigo palette with a large question on one page and a corner marker.
The same template can be reused for other topics. The palettes are Ash and Lime, Sea Indigo, Mate Mocha and Pearl Rose. Fonts are Inter Tight and Inter, or Source Serif Pro for an editorial look. Chinese text uses Noto Sans SC or Noto Serif SC, and JetBrains Mono is used for data and timestamps.
- Palette: pick one of four and keep it for the whole deck
- Fonts: sans or editorial pairing, never mixed sans and serif
- No emoji decoration and no icon library; icons are drawn inline
- No lorem ipsum and no placeholder images
What does the skill need, and what are the safety notes?
The skill lists no requirements, runs no scripts and is marked as not using the network. It only sets layout and style rules, so it does not check facts. Every number and claim in the deck must come from your own sources.
One detail to know: the rules ask for Tailwind loaded from a CDN, so the generated HTML may fetch that library when opened in a browser. The rules also forbid external images. Review the file before sharing it outside your organisation.
- No scripts are run by the skill
- No listed requirements
- Generated files load Tailwind from a CDN, per the skill's rules
- Check every figure against your source documents
What tips help you get a better deck?
Give the agent your real material up front, including the decision you need and the numbers that must not change. The skill's own quality check asks whether cross-functional reviewers can agree on the next irreversible step, so state that step clearly.
Keep each slide to one focal point. If two things need equal emphasis, ask for a three-column grid of equal weight rather than two competing text blocks.
- Name the audience and the decision in your first message
- Supply source documents rather than summaries when you can
- Ask for one focal point per slide and a clear next step on the last one
- Open the file in a browser and use the arrow keys to check every page fits
What people use it for
- Turning an engineering architecture review into a decision deck for tech leads and security reviewers
- Building a personal portfolio or design-class presentation with a strict typographic style
- Producing a roadmap or product business case as a standalone HTML file that can be shared by link or file
Frequently asked questions
Is the deck-open-slide-canvas skill free?
The skill is published under the Apache-2.0 licence. Check the licence text on the directory page before reusing or redistributing the files.
What do I need to use this skill?
The skill lists no requirements, runs no scripts and does not use the network. You need an agent environment that supports skills, such as Claude with skills enabled.
Where do I put the skill folder in Claude?
Put it in ~/.claude/skills/ for personal use or in a project's .claude/skills/ folder. You can also upload it in the Claude apps under Settings, then Capabilities, then Skills.
Can I get a PowerPoint or Google Slides file instead?
No. The skill produces a standalone HTML file, so it is not a fit if you need PowerPoint or Google Slides output.
Will the agent check my technical facts?
No. The skill only controls layout and style. Numbers and claims must come from your own sources, so review them before presenting.
How is this different from other slide tools?
It outputs one HTML file with a fixed 16:9 canvas and strict type and colour rules. Tools that generate PowerPoint or Google Slides files are better if you need those formats.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
This skill suits engineers, tech leads and designers who want a clean, single-file HTML deck with strict typography and colour rules. If you need editable PowerPoint or Google Slides files, or you expect the agent to verify technical content, pick a different tool or prepare your sources carefully first.
Download the skill