deck-open-slide-canvas

【Template: 1920 Canvas Free Deck】【Intention】Scenarios where you don't want to be restricted by templates (personal portfolios, unique speeches, art/design class decks). Provide a fixed 1920×1080 canvas + strict type/color constraints, allowing agents to freely arrange each page according to content just like writing React components. Inspired by 1weiho/open-slide.

【Hard Technical Specifications】

Canvas: Each page strictly follows
```
width: 1920px; height: 1080px;
```
, use
```
transform: scale(...)
```
to adapt to the viewport (default
```
scale(0.7)
```
centered).
Overflow is strictly prohibited: Content of each page must fit in 1920×1080, no scrollbars allowed.

Font size type scale (px):

2xs:18 · xs:22 · sm:28 · md:36 · lg:48 · xl:64 · 2xl:88 · 3xl:120 · 4xl:160 · 5xl:220

Padding: Choose one of three levels: 96 / 128 / 160.

Each page has

<section class="slide" data-slide-id="<n>">

【Color Palette — Choose one set per deck, no changes throughout】

🌫 Ash & Lime — bg
```
#f1efea
```
, ink
```
#161616
```
, accent
```
#c5e803
```
.
🌌 Sea Indigo — bg
```
#0a0e1a
```
, ink
```
#f5f5f7
```
, accent
```
#5ac8fa
```
.
🧉 Mate Mocha — bg
```
#1a1411
```
, ink
```
#f5e9d6
```
, accent
```
#d97757
```
.
🌸 Pearl Rose — bg
```
#fdf6f3
```
, ink
```
#1a1015
```
, accent
```
#ff5d8f
```
.

【Layout Freedom — This is the Core】

No mandatory templates, choose layout for each page based on content nature: cover / question / quote / image-text / three-column / five-column / list / data card / full-image.
But each page must follow one rule: Only one visual hierarchy focus — a golden sentence, a number, an image; don't "emphasize everything".
Do not include two paragraphs of equal importance; if you really need parallel content, use a 3-column equal-weight grid.

【Fonts】

Western languages:
```
Inter Tight
```
(display) +
```
Inter
```
(body); or
```
Source Serif Pro
```
(for editorial style).
Chinese:
```
Noto Sans SC
```
(sans style) or
```
Noto Serif SC
```
(editorial style); do not mix sans + serif.
Mono:
```
JetBrains Mono
```
for data/timestamps.

【Design Details】

Emoji decorations are strictly prohibited (allowed in content); multicolor rainbows are strictly prohibited; only one accent color can be used.
SVG icons from general libraries like lucide/feather are strictly prohibited (write inline SVG yourself).
Add keyboard ← / → navigation + hash sync; fixed corner labels:
```
№N/M
```
at bottom right, deck title at bottom left.
Must use real user content; lorem ipsum is strictly prohibited.
Single-file HTML; Tailwind CDN; no external linked images.

deck-open-slide-canvas

NPX Install

Tags

SKILL.md Content (Chinese)