Toolverse
All skills

frontend-slides

by sickn33

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
sickn33
Category
Frontend
Views
135

About this skill

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

How to use

  1. Uruchom skill i określ, co chcesz zrobić: utworzyć nową prezentację, przekonwertować plik PowerPoint czy ulepszyć istniejącą prezentację HTML.

  2. Jeśli tworzysz nową prezentację, odpowiedz na pytania dotyczące celu (pitch deck, tutorial, konferencja itp.), grupy docelowej i głównych tematów, które chcesz poruszyć.

  3. Jeśli konwertujesz PowerPoint, udostępnij plik .ppt lub .pptx — skill wyodrębni treść i strukturę slajdów.

  4. Skill wygeneruje wizualne podglądy różnych stylów i estetyk, abyś mógł wybrać wygląd, który Ci się podoba, zamiast opisywać go słowami.

  5. Po wyborze estetyki skill utworzy gotową do użytku prezentację HTML z animacjami, komentarzami w kodzie i optymalizacją wydajności.

  6. Pobierz wygenerowany plik HTML — możesz go otworzyć w dowolnej przeglądarce, udostępnić lub edytować bezpośrednio w kodzie bez dodatkowych narzędzi.

Related skills

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173

mermaid-gen

by vladm3105

Generate syntactically correct Mermaid diagrams for technical documentation

Frontend
23124

zustand

by lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

Frontend
36126

senior-fullstack

by davila7

Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects,

Frontend
2896

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

jimeng-mcp-skill

by wwwzhouhui

使用jimeng-mcp-server进行AI图像和视频生成。当用户请求从文本生成图像、合成多张图片、从文本描述创建视频或为静态图像添加动画时使用此技能。支持四大核心能力:文生图、图像合成、文生视频、图生视频。需要jimeng-mcp-server在本地运行或通过SSE/HTTP访问。

Frontend
17126