Productivity — 1 of 8 skills in the Claude pack
In a chat, Word or Excel files aren't always generated: you get the document as structured text instead.
Frontend-Slides
Builds an animated deck right in your browser.
Free, no account, no email — the command is all you need.
Already have it?
Nothing to install if it's already active
If this skill is already added in your Claude, there's no need to install it again. Just ask for what you want to do.
Not sure? Ask Claude: "which skills do you have available?"
“Use the frontend-slides skill to build an animated single-page HTML presentation from this topic: …”
1 · The simplest way
Copy and paste into any AI chat
This button copies the whole skill. Paste it into Claude, ChatGPT, or Gemini, then describe what you need. No installation required.
In a chat, Word or Excel files can't always be generated: you'll receive the document as structured text instead, and Claude will flag it.
2 · Command line
/frontend-slides installs in 3 steps
For Claude Code. The skill installs on your computer and stays available across all your projects.
Prerequisites: Claude Code + Node.js
The skill runs inside Claude Code, Anthropic's AI assistant installed on your computer. Node.js is the engine that runs the install command. Both are free.
Open PowerShell
Click Start, type "PowerShell", then press Enter.
Paste the command
Right-click inside the PowerShell window (or press Ctrl + V) to paste the command below, then press Enter. Wait a few seconds.
npx educasium --skill frontend-slides --globalWhat you should see:
npx educasium --skill frontend-slides --global
Fetching https://raw.githubusercontent.com/Chappygo-OS/claude-meta-skills/main/dist/frontend-slides.zip
…
Installed "frontend-slides". Restart Claude Code to pick it up.
Restart Claude Code
In Claude Code, type /restart (or quit and relaunch Claude Code). The skill now appears in the command list.
Don't use a terminal?
Using Claude.ai in your browser?
The assisted install works through a .zip file imported into Claude.ai. It takes longer and asks for your email.
What the skill does
View the source codeIn detail.
Hand it a topic or a file. Frontend-Slides outputs a single self-contained HTML file with animations, keyboard navigation and coherent style. No install, no PowerPoint, no export step.
When to use it
Internal walkthroughs, client recaps, prototype demos: anything that needs to move fast and stay link-shareable.
Example usage
/frontend-slides 5-slide deck on our Q1...Download for free