Skip to content
Get packs

1920 Canvas Slide Deck

Builds a fixed 1920×1080 HTML slide deck with free layouts and a strict colour palette

Source Download skill
Repository
nexu-io/html-anything
Stars
9,376
Licence
Apache-2.0
Files
3 files

What it does

When this skill is active, the agent builds a presentation as a single HTML file where every slide is a fixed 1920×1080 canvas, scaled to fit the browser window. Instead of forcing content into a template, the agent picks a layout per slide based on what the content is (cover, quote, big number, image and text, grids), while following firm design rules: one visual focal point per slide, one of four preset colour palettes used throughout, a restricted type scale, no overflow, keyboard navigation, and no lorem ipsum. It is aimed at personal portfolios, art or design talks, and unusual presentations that do not fit standard slide templates.

Great for

  • Designers or artists who want a portfolio-style deck with strong visual control
  • Presenters who want a non-template, poster-like talk
  • Design students practising typographic hierarchy and layout

Skip it if

  • Corporate decks that need editable PowerPoint or Google Slides files, since the output is HTML
  • Users who need charts or data-heavy slides from real data, because the skill focuses on layout and typography rather than data handling
  • Anyone who needs a deck that works offline or without Tailwind CDN, since the output loads Tailwind from a CDN

Try asking

  • “Make a 10-slide portfolio deck in Sea Indigo colours with one big quote per slide”
  • “Turn my design course notes into a 1920×1080 slide deck with a clean editorial feel”
  • “Create a single-file HTML presentation for my art talk, with keyboard navigation”
Step-by-step guide: how to use 1920 Canvas Slide 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.

    deck-open-slide-canvas.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip deck-open-slide-canvas.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip deck-open-slide-canvas.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

  • Name the palette you want (Ash & Lime, Sea Indigo, Mate Mocha or Pearl Rose); otherwise the agent chooses one
  • Give the agent your real content up front, since the skill forbids placeholder text
  • Check the output in a browser at several window sizes, because the scale transform is set by default to 0.7

What's inside

  • example.html
  • example.md
  • SKILL.md

Redistributed unmodified from nexu-io/html-anything 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.