Slizdeck

Genera decks de slides HTML animados a partir de un design system propio — enfocado en pitch decks de startup (minimalista, poco texto, mucha imagen/gráfica), pero también sirve para charlas, demos y recaps de evento. Arquitectura deck-stage 1920×1080 con navegación por teclado, pensado para presentar en vivo. Trae cinco style packs listos (terminal oscuro, blanco puro, color dominante, denso en datos, editorial), cada uno con paleta, tipografía y reglas de composición validadas contra contraste WCAG y clichés visuales de IA. El design system se define de forma guiada —elegir un pack, inyectar

13 starsFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add pedroanze/slizdeck --skill slizdeck

Manual install

git clone --depth 1 https://github.com/pedroanze/slizdeck.git /tmp/slizdeck
mkdir -p ~/.claude/skills
cp -r /tmp/slizdeck/. ~/.claude/skills/slizdeck

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Slizdeck

Genera un deck HTML: canvas 1920×1080 controlado por teclado, autónomo (sin build step), con barra de progreso, pantalla completa y modo presentador (tecla `P`), exportable a PDF y PPTX.

Fork/adaptación de [`claude-slides`](https://github.com/marcogalluccio/claude-slides) (MIT) — ver `NOTICE.md`.

## Archivos de la skill

`<skill>` es la carpeta de la que se cargó este `SKILL.md` (ver "Dónde se corre cada cosa").

| Archivo | Uso |
|---|---|
| `template.html` | El engine: canvas, navegación, pasos, tokens, patrones de datos, modo presentador. Punto de partida de todo deck. |
| `reference/init.md` · `brief.md` · `assets.md` · `build.md` · `audit.md` · `export.md` · `add.md` · `fix.md` | Una fase cada uno (tabla de fases abajo). |
| `reference/deck-schema.md` | Formato del wireframe, arcos narrativos, niveles de animación, estructura de cada `<section>`. |
| `reference/design-guidelines.md` | Principios de diseño y anti-clichés. Aplicar en el wireframe y al generar. |
| `reference/components.md` | Catálogo de layouts (cards, grids, mockups, diagramas). **Ir directo al patrón que pide el wireframe.** |
| `reference/media-and-data.md` | Imágenes, métricas y **datos**: gráficas `.sz-chart`, tabla `.sz-table`, timeline `.sz-timeline`, contadores. |
| `reference/3d.md` | Escenas 3D opcionales con `three.js` (`.sz-3d`): modelos `.glb` (`3d-model`), presets (`3d-logo`, `3d-particles`), flujo imagen → GLB, pósters y export. |

Read the full skill on GitHub

Details

Skill name: slizdeck
Repository: pedroanze/slizdeck
License: MIT
Repo updated: 26 October 2026

FAQ

What does the Slizdeck skill do?

How do I install the Slizdeck skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add pedroanze/slizdeck --skill slizdeck. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Slizdeck popular?

It lives in pedroanze/slizdeck, which has 13 GitHub stars and 0 forks.

Related skills

Figma Annotations Strategy

saralobo/skill-figma-annotations

Generate strategic Figma annotations via MCP based on PRs, tickets, or user descriptions. Use when the user wants to document a screen, flow, or component for Figma, or mentions "figma annotations", "annotation strategy".

Frontend & Design

Taxue Halftone

taxueseek/taxue-halftone

半调海报：用限墨+网点把任意主题做成有结构、有质感、可复用的艺术封面。支持多种印刷语言（半调/孔版/双色/木刻/蓝晒/蓝染/复印机、1-bit 剪影、撕纸拼贴），按风格给出一致又有特色的封面。六项不变式出图前先定：纸色、墨色角色、叠印方式、印刷机制、主体走向、字图音量。触发词：半调海报、艺术封面、网点、孔版、双色、Riso、duotone、木刻、蓝晒、蓝染、蓝染海报、物影、蓝晒物影、反俗套蓝染、复印机美学、不完美印刷拼贴、撕纸拼贴、编辑型印刷拼贴、有意不完美、点阵解构、丝网海报、剪纸、窗花、中式剪纸、网点剪纸、经典致敬、风格模仿、致敬、名画、艺术流派、年代美学、视觉风格转译、波普、波点、圆点场、点画、视错觉、扁平矢量图形、艺术展览海报、平台封面（B站/小红书/抖音/公众号/头像/超宽）、主题结构印刷封面、限墨封面。不用于：全彩实拍、UI、图表、模板拼贴。

Frontend & Design

UI Styles

chrzamz/ui-styles-skill

Participate before building or changing product UI: websites, apps, demos, dashboards, forms, visual redesigns, component-library selection, themes and interaction states. Act as a practical designer: understand the product, recommend and preview a direction, preserve a project visual standard, and implement it using the existing stack. 支持风格推荐、界面制作、组件库选型、主题 token、自定义风格。Skip backend-only work and nonvisual fixes.

Frontend & Design

Ship Page

Zooeyii/ship-page-skill

Create stunning, interactive landing pages for products, startups, and side projects — zero dependencies, single HTML file. Use this skill whenever the user wants to build a landing page, product page, launch page, marketing page, or any promotional web page for their app, tool, SaaS, open-source project, or personal brand. Also triggers when users say "I need a website for my product", "help me launch", "make a page for my app", or want to convert a README into a visual landing page. Works great for Product Hunt launches, GitHub project pages, and indie hacker ship days.

Frontend & Design

Designbrief

Heiberg-Industries/designbrief

A library of UI design direction files that provide style guardrails for building tasteful, consistent interfaces. Use when building any UI — select a style or let the AI recommend one based on the project context.

Frontend & Design

Netops

Con-Benksl/NetOps

Route authorized VPS networking and proxy work to onboarding, read-only scanning, building, repair, or fleet management. Use for VPS access, 3x-ui/Xray/VLESS Reality/Hysteria2, DNS/TUN/routing failures, node performance, or ongoing multi-VPS operations. 典型中文请求：VPS 连不上、节点慢或掉线、搭建或修改节点、面板打不开、多台 VPS 统一维护。

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.