AgentHubAgentHub

frontend-slides Skill Install & Guide

SkillSkillsMP

skillsmp.zarazhangrui-frontend-slides-skill-md

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.

View on SkillsMP ↗

Copy the install config on this page first, then verify docs and permissions upstream.

Popularity

Repo stars25.8k

Overview

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. frontend-slides is a Agent Skill listed from SkillsMP. This page includes an overview, setup tutorial, install commands, and use cases for Trae, Tongyi Lingma, Cursor, Claude Code, and VS Code.

Use cases

Design & creative

AgentHub Verified AvailabilityTested & Ready

Automated pipeline validated install commands, protocol & client compatibility

Verified At2026-07-18
Install Snippets TestedCLI & JSON config syntax verified
Protocol Handshake ReadyComplies with JSON-RPC 2.0 specifications
Origin Registry ActiveSourced from skillsmp
Verified ClientsClaude Code、Claude Desktop、Cursor 等
Security Tier: A 级 · 标准受控运行 (A)·Scanned for high-risk vulnerabilities. Recommended to run with project-scoped permissions.
No auto-generated install guide — see the source repository README.

Troubleshooting & Common ErrorsFAQ

Common connection errors and verified fixes for frontend-slides

Getting 'connection closed' or exit code 1 in Cursor / Claude Code for frontend-slides?

Usually caused by missing runtime paths or IDE environment inheritance. Fix steps: 1. Verify Node.js 18+ (npx) or Python 3.10+ (uvx) is installed; 2. Run 'which npx' or 'which uvx' in terminal, and replace 'command' with absolute path; 3. Reload or restart the client window after modifying config.

Fix Snippet
# Check binary path in terminal:
which npx
node -v
Getting 'spawn npx ENOENT' or 'command not found'?

The editor background process does not inherit your full terminal PATH. Solution: Globally install the package, or set the absolute binary path (e.g. C:\Program Files\nodejs\npx.cmd on Windows, or /usr/local/bin/npx on macOS).

Tool calls timing out or failing to download packages?

First-time package downloading might be slow or timeout due to network limits. Configure a reliable mirror or check outbound proxy settings.

Agent does not match or apply frontend-slides during conversations?

Verify SKILL.md is located at .cursor/skills/frontend-slides/SKILL.md (Cursor) or ~/.claude/skills/frontend-slides/SKILL.md (Claude Code). You can explicitly mention the skill name in your prompt to boost match confidence.

Still not connecting? Read the MCP troubleshooting guide →

Tool Mock Playground

Sandbox

frontend-slides Rule Injection & Agent Behavior Simulation · Preview tool schema & outputs without local runtime

Sandbox Ready
fn: agent_skill_runtimeInject system prompt guidelines & workflow constraints from frontend-slides
Request ArgumentsJSON Schema
{
  "skill": "frontend-slides",
  "rulePath": ".cursor/skills/frontend-slides/SKILL.md",
  "userGoal": "请使用 frontend-slides 的方法与标准帮我完成当前任务",
  "client": "Cursor / Claude Code"
}
💡Parameters generated dynamically by Agent runtime
Agent Tool Output

Click 'Run Mock' above

to preview the raw response returned to the LLM

Env: AgentHub Virtual SandboxJSON-RPC 2.0

Decision Guide: Why & When to Use

Assess suitability before installing to save trial-and-error time

Best Suited For
  • Design review
  • Asset export
  • Brand checks
When NOT to Use
  • Unauthorized commercial asset downloads
Recommended Workflow Pairing:View Scenario →

frontend-slides + Scenario Prompt → Complete Agent Automation

Skill hands-on: install to visible results

Follow the full lab (expected UI/output + contrast checks). After installing this item, verify with the tutorial prompts.

Open tutorial →

An Agent Skill is a folder with SKILL.md instructions. After install, the AI loads it automatically when your task matches its description.

Related resources

Planning with files

v3.23.0

SkillClawHub44.6k

io.clawhub.othmanadi/planning-with-files

Persistent file-based planning for multi-step AI-agent work. Keeps task_plan.md, findings.md, and progress.md on disk; lifecycle hooks inject selected project planning context. Automatic recovery reads project planning files only. Explicit session-catchup.py --metadata reads same-project local agent session records and emits aggregate counts only; --replay may emit bounded nonce-framed excerpts. Optional gated mode can request continuation only when the host supports it and never runs commands declared in Markdown. The skill has no network upload path. Use for research or work needing 5+ tool calls.

source
View on ClawHub

ClawCall

v2.0.1

SkillClawHub53.1k

io.clawhub.clawcall-dev/clawcall-dev

Use when the user wants an AI agent to place a US phone call, call a business, handle hold or phone menus, confirm/reschedule/cancel/book/follow up/check an order, reach a real person, leave voicemail, connect the user into a live call, configure ClawCall voice/personality/profile or inbound reserved-number answering, poll received inbound calls, or link a ClawCall API key. Not for SMS, email, or international calls.

source
View on ClawHub

中文公文写作

v2.0.25

SkillClawHub9.1k

io.clawhub.gongyu0918-debug/chinese-official-writing

用于中文公文、事务性材料和新闻稿件的起草、改写、压缩、润色、审校、文种核对、去口语化、降 AI 味及 Word 格式处理，适用于机关、企事业单位、学校和新闻机构。涵盖申请、请示、报告、通知、通告、意见、决定、决议、议案、公报、命令、函、复函、批复、说明、方案、纪要、公告、公示、通报、制度、规定、办法、细则、操作规程、工作要点、总结、调研、讲话、致辞、主持词、述职、可研、审查材料、技术需求、新闻消息、编者按、新闻评论，以及采购、整改、反馈和 AI 算力等场景。

source
View on ClawHub

Often paired with

Keep exploring AgentHub

Most people compare similar tools or check scenario guides before installing—start here.

Browse more like thisSearch similarPick by scenarioPrompt playbooksSkill hands-onReviews & comparisons

Listing badge: put AgentHub on your site

Copy either snippet into your project homepage, docs, or GitHub README. The badge is a hotlinked SVG — nothing to host — and it links back to this page so visitors can find the install steps.

PreviewListed on AgentHub: frontend-slides
HTML
<a href="https://myagenthub.cn/p/skillsmp.zarazhangrui-frontend-slides-skill-md" title="Listed on AgentHub: frontend-slides" target="_blank" rel="noopener">
  <img src="https://myagenthub.cn/badge/skillsmp.zarazhangrui-frontend-slides-skill-md?lang=en" alt="Listed on AgentHub: frontend-slides" height="20" style="border:0"/>
</a>
Markdown (GitHub README)
[![Listed on AgentHub: frontend-slides](https://myagenthub.cn/badge/skillsmp.zarazhangrui-frontend-slides-skill-md?lang=en)](https://myagenthub.cn/p/skillsmp.zarazhangrui-frontend-slides-skill-md)

Badges are generated on the fly from /badge/<package-id>, so name and listing changes propagate automatically. Keep the link target unchanged — it is what counts as the referral.

Unified Manifest

{
  "id": "skillsmp.zarazhangrui-frontend-slides-skill-md",
  "type": "skill",
  "version": "main",
  "displayName": "frontend-slides",
  "description": "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.",
  "author": {
    "name": "zarazhangrui"
  },
  "homepage": "https://skillsmp.com/creators/zarazhangrui/frontend-slides/skill",
  "distribution": {
    "packages": [
      {
        "registryType": "source",
        "identifier": "zarazhangrui-frontend-slides-skill-md",
        "version": "main",
        "runtimeHint": "npx skills add"
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "codex",
    "vscode"
  ],
  "keywords": [
    "repo_stars:25815"
  ],
  "provenance": {
    "origin": "skillsmp",
    "originalId": "zarazhangrui-frontend-slides-skill-md",
    "originalUrl": "https://skillsmp.com/creators/zarazhangrui/frontend-slides/skill",
    "isOfficial": false,
    "status": "active"
  }
}
frontend-slides Skill Install & Guide - AgentHub