A structured skill for AI agents that generates single-file HTML presentation decks and social media covers using predefined layouts, dual visual styles, and automated validation rules. It is installed from source and requires an AI agent with shell and file system access rather than a standard chatbot interface.
Project overview
It enforces strict design consistency through 32 locked layout templates, predefined theme palettes, and a Node.js validation script that blocks non-compliant experimental layouts.
Project type
AI Agent · Workflow
Use cases
Documents & Office · Image Processing
Deployment
Refer to project documentation
License
AGPL-3.0
Best for
Creators and developers using AI coding agents to build HTML presentation decks and social media covers with strict layout and color consistency.
Users operating in low-power environments who need the ability to disable animations and view static backgrounds.
Key capabilities
Defines a structured workflow for AI agents to generate single-file horizontal swipe HTML slide decks using Editorial Magazine and Swiss Internationalism visual styles.
Provides 10 layouts for the Editorial style (Style A) and 22 locked layouts for the Swiss style (Style B), including covers, data posters, image grids, and KPI towers.
Includes a Node.js script to validate Swiss-style decks, enforcing grid locks, slot bindings, and blocking experimental or non-compliant layouts.
Generates covers with specific aspect ratios for platforms such as WeChat Official Accounts (21:9), Xiaohongshu (3:4), and Video Accounts (16:9) using the deck's visual rules.
Ships with 5 editorial ink themes and 4 Swiss high-saturation anchor color themes to ensure design consistency.
Allows users to disable WebGL/canvas animations and revert to static backgrounds by pressing 'B' for low-power environments.
Limitations and risks
The project does not support direct PPTX export; output is strictly HTML.
Users cannot define custom hex color values and must choose from predefined themes to protect design stability.
The skill requires an AI agent with shell and file system access to function optimally; standard chatbots are not recommended.
The project's local data boundary, cost dependencies, and external data routing are not documented.
Getting started
Installation difficulty is rated easy. Users can run a git clone or npx skills add command to install the skill into the AI agent's local skills directory, or directly ask an AI agent to install it.
GitHub project description: AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.