Skip to content
TrustedSkillsbeta
Back to all skills

Frontend Slides

Checked
affaan-m·vlatest·frontend·MIT

Generates visually appealing, well-structured frontend presentation slides from text prompts and data inputs.

Repository

Install on your platform

Showing Claude Code. One command installs this skill into any of the agents below.

  1. 1

    Run this in your project

    terminal
    $ npx skills add affaan-m/ecc --skill frontend-slides -a claude-code

  2. Uses the open-source skills CLI and needs Node.js. Add -g to install it for your user instead of this project.

What we know about this skill

Publisher

affaan-m

Taken from the source listing. We haven't verified who controls this account.

Install target

Live repository

Not pinned. Installing fetches whatever the repository holds at the time you run the command.

No human has reviewed this code. The checks below are a static scan of the files at one commit — nobody has run this skill or judged whether it works. A skill runs with whatever access you give your agent, so read the source before you install it.

Automated safety checks

scanned

This skill passed all 6 checks. We read its files at one commit and looked for the things that make a skill dangerous to run — not for whether it works.

  • Declares what it does: passed

    SKILL.md parses and declares a name and a description.

    SKILL.md exists, its frontmatter parses, and it declares a name and a description.

  • No undeclared network calls: passed

    Only contacts known or declared hosts: nodejs.org.

    Every host the skill dials — from its scripts, its config endpoints or the commands it tells the agent to run — is either well-known package and API infrastructure or declared in its own frontmatter. Links in documentation are not counted.

    Hosts contacted

    nodejs.orgdocumentation

  • No obfuscated payloads: passed

    No encoded or obfuscated payloads.

    No base64, hex or compressed blob is decoded and then executed, and no encoded shell commands.

  • No credential access: passed

    Reads no keys, tokens, keychains or credential files.

    Neither the code nor the SKILL.md instructions read SSH keys, cloud credentials, keychains, token stores, browser cookie databases or dotfiles that hold secrets.

  • No pipe-to-shell installers: passed

    No pipe-to-shell or download-and-run installers.

    No `curl … | sh` pattern, in the code or in the instructions, that runs code fetched at run time.

  • Pinned to a commit: passed

    Scanned affaan-m/ecc at 76aaa77df6.

    The exact upstream commit SHA that was scanned is recorded, so the result refers to specific bytes.

Commit
76aaa77df6
Manifest
skills/frontend-slides/SKILL.md
Scanned
12 files, 2,581 lines
Copies in repo
3 — all of them scanned
This is a static scan, not a review. It reads the skill's files; it does not run them, and it cannot tell you whether the skill is any good or whether the code does what its description says. A skill runs with whatever access you give your agent.
What each check looks for →

About this skill

The frontend-slides skill generates presentation decks specifically tailored for frontend development topics. It transforms technical concepts, code snippets, and architectural diagrams into visually engaging slide formats suitable for team standups or client pitches.

When to use it

  • Preparing a quick visual summary of a new React component library for your engineering team.
  • Creating a pitch deck to explain a frontend migration strategy to non-technical stakeholders.
  • Generating educational slides to onboard junior developers on specific CSS frameworks like Tailwind or Bootstrap.
  • Summarizing complex state management patterns (e.g., Redux vs. Zustand) for a knowledge-sharing session.

Key capabilities

  • Converts raw technical text and code examples into structured slide content.
  • Focuses specifically on frontend technologies, UI/UX principles, and web development workflows.
  • Formats output to be easily exported or presented in standard deck formats.

Example prompts

  • "Create a 10-slide presentation explaining the core differences between Vue and React for a beginner audience."
  • "Generate slides outlining the architecture of our new dashboard using Next.js and Prisma."
  • "Make a visual guide on best practices for responsive design in 2024, including code examples."

Tips & gotchas

  • Ensure you provide clear context about the target audience (e.g., executives vs. developers) to optimize slide depth and tone.
  • While the skill focuses on content generation, verify that any generated code snippets are tested before presenting them in a production environment.