← Back to Skills Marketplace
3408
Downloads
3
Stars
40
Active Installs
4
Versions
Install in OpenClaw
/install frontend-slides
Description
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use for solution decks, presales/sales pitches, client pro...
Usage Guidance
Install is reasonable if you want HTML slide generation or PPT conversion. Be aware that PPT conversion extracts slide text, images, and notes into local output files; generated HTML runs local JavaScript; and optional edit mode may leave draft slide content in the browser's localStorage. For confidential presentations, review generated files before sharing and avoid edit mode on shared machines.
Capability Analysis
Type: OpenClaw Skill
Name: frontend-slides
Version: 2.0.2
The frontend-slides skill bundle is a comprehensive tool for generating HTML presentations. It includes Python scripts for image manipulation (reference/image-processing.py) and PowerPoint extraction (reference/ppt-extract.py) that use standard libraries (Pillow, python-pptx) to perform their stated functions. The SKILL.md instructions are extensively detailed regarding design philosophy, viewport constraints, and user interaction phases, but contain no evidence of malicious prompt injection, data exfiltration, or unauthorized system access. All code logic is transparent, well-documented, and aligned with the purpose of creating professional slide decks.
Capability Assessment
Purpose & Capability
The artifacts consistently describe creating or converting HTML slide decks, including style previews, image processing, PowerPoint extraction, and browser-based presentation controls.
Instruction Scope
The workflow asks for user content, image paths, PPT files, style choices, and an explicit editing choice; delivery also instructs opening the generated HTML and cleaning the preview directory.
Install Mechanism
Installation is normal skill placement or ClawHub/OpenClaw installation; there are no install hooks, privileged setup steps, or automatic background services.
Credentials
Local Python helpers use Pillow and python-pptx for the stated image and PPT tasks, save assets locally, and show no credential access, network exfiltration, or unrelated system modification.
Persistence & Privilege
Inline editing is optional and disclosed, but when enabled it may persist slide text in browser localStorage and support export/save behavior.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install frontend-slides - After installation, invoke the skill by name or use
/frontend-slides - Provide required inputs per the skill's parameter spec and get structured output
Version History
v2.0.2
- Added new file: .clawhub/origin.json for enhanced project tracking or integration.
- No changes to user-facing features or documentation content.
v2.0.1
frontend-slides v2.0.1
- Expanded use cases and description to include pitch decks, tutorials, conference talks, and internal presentations.
- Major rewrite of SKILL.md: refactored all documentation, updating terminology to English where appropriate, improving clarity, and restructuring design principles.
- Documented core design philosophy with clearer system constraints and comprehensive 2026 design trends (now partly in English).
- Added/clarified rules for style selection, static UI state rendering, and strict content density limits per slide.
- No logic or functional code changes—documentation and guidance updates only.
v2.0.0
**2.0.0 – Major design philosophy & trend overhaul**
- Introduces an extensive, bilingual (中/EN) design philosophy section covering visual styles, spatial systems, and component affordances.
- Defines 2026 front-end presentation trends: Ghostly Agency, Grain of Truth, Liminal Multimodality, and Emotional Sovereignty, each with CSS pattern examples.
- Clarifies style selection logic and mapping of audience/business scenarios to recommended visual systems and trends.
- Enforces strict variable systems for color, spacing (8-point grid), border-radius, minimum tap size, and drop shadow for greater consistency.
- Retains all critical viewport-fitting and content density rules for presentations.
- Adds decision trees and practical CSS snippets to help realize each trend in output.
v1.0.0
Initial release of frontend-slides skill.
- Create animation-rich, zero-dependency HTML presentations from scratch or via PowerPoint conversion.
- Enforces strict viewport-fit: every slide must fit one screen with no internal scrolling.
- Designed for sales/presales and solution decks, with non-designer-friendly visual exploration.
- Structured multi-phase workflow: context/questions, style preview, content limits, PPT extraction.
- Emphasizes custom, production-quality design — avoids generic aesthetics.
- Comprehensive guidelines for content density, overflow prevention, and viewport testing on all devices.
Metadata
Frequently Asked Questions
What is Frontend Slides?
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use for solution decks, presales/sales pitches, client pro... It is an AI Agent Skill for Claude Code / OpenClaw, with 3408 downloads so far.
How do I install Frontend Slides?
Run "/install frontend-slides" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Frontend Slides free?
Yes, Frontend Slides is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Frontend Slides support?
Frontend Slides is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Frontend Slides?
It is built and maintained by ken0122 (@ken0122); the current version is v2.0.2.
More Skills