Deck Open Slide Canvas

Deck Open Slide Canvas is a Frontend skill for Claude Code, published by nexu-io in html-anything.

8.3K stars810 forkson nexu-io/html-anythingAdded 2026/08/15+1% in starsRepository updated 2026/08/11

agent-skillsagenticai-agentsai-designai-editorbyokclaudeclaude-codeclaude-skillscoding-agentsgenerative-aihtmlhtml-editorhyperframeslocal-firstmarkdownnextjsvibe-codingwechatxiaohongshu

Install in seconds

Install Deck Open Slide Canvas

Copy Deck Open Slide Canvas into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/deck-open-slide-canvas ~/.claude/skills/deck-open-slide-canvas

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/nexu-io/html-anything.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: next/src/lib/templates/skills/deck-open-slide-canvas/SKILL.md in nexu-io/html-anything
Installs to: ~/.claude/skills/deck-open-slide-canvas
Collection: One of 25 skills cataloged from this repository
Category: Frontend — 567 skills

What Deck Open Slide Canvas does

Deck Open Slide Canvas builds fixed 1920×1080 HTML slide decks where an agent composes pages as freeform React-like components instead of fixed templates. Use it for personal portfolios, unconventional presentations, or design course decks that need custom layouts.

Deck Open Slide Canvas is cataloged under Frontend on DirSkills. Deck Open Slide Canvas comes from a repository tagged agent-skills, agentic, ai-agents, ai-design and ai-editor.

Documentation

README

Excerpt

【模板: 1920 画布自由 Deck】【意图】不想被模板束缚的场景 (个人作品集、奇特演讲、艺术 / 设计课 deck)。给一个固定 1920×1080 画布 + 极强的类型 / 调色约束, 让 agent 像写 React 组件一样按内容自由排布每一页。Inspired by 1weiho/open-slide。

【硬性技术规格】

画布: 每页严格 width: 1920px; height: 1080px; 用 transform: scale(...) 适配视窗 (默认 scale(0.7) 居中)。
绝对禁止 overflow: 每页内容必须 fit in 1920×1080, 不许滚动条出现。
字号 type scale (px): 2xs:18 · xs:22 · sm:28 · md:36 · lg:48 · xl:64 · 2xl:88 · 3xl:120 · 4xl:160 · 5xl:220。
边距 padding: 96 / 128 / 160 三档之一。
每页有 <section class="slide" data-slide-id="<n>">。

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Deck Open Slide Canvas

What else does nexu-io publish alongside Deck Open Slide Canvas?
Deck Open Slide Canvas is one of 25 skills that DirSkills catalogs from nexu-io/html-anything, the repository it ships in. Its siblings there include Article Magazine, Blog Post and Competitive Teardown. Each one is a separate skill with its own page in this directory, installs the same way Deck Open Slide Canvas does, and is maintained by nexu-io in that same repository. The rest of the collection is listed on the nexu-io/html-anything page.
How does Deck Open Slide Canvas compare to other Frontend skills?
Deck Open Slide Canvas ranks #101 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Deck Open Slide Canvas against them. Open each page to compare what they document and how they install.