spectra

Product screenshots and demo clips go stale the moment the UI changes, and re-shooting them by hand costs an afternoon. Spectra drives your running app across web, macOS, iOS, and watchOS to capture screenshots, videos, and narrated walkthroughs, then files every asset in a searchable tagged library. You get publish-ready visuals for docs, launch posts, and App Store previews without reshooting.

CodexClaude Code6 Skills1 MCP serverstdio

By Tyrone RossLicense: Apache-2.01 GitHub starsUpdated 6 days ago

Directory evidence

Runtimes: Codex and Claude Code
Parsed components: 7 skill or MCP entries
Source updated: Sep 17, 2026
Manifest status: Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install spectra for Codex and Claude Code

Installs for the current user

codex plugin marketplace add IchenDEV/agent-plugin-mkt
codex plugin marketplace upgrade agent-plugin-marketplace
codex plugin add spectra@agent-plugin-marketplace

Paste and run these commands in a terminal with Codex. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually

$ git clone https://github.com/tyroneross/spectra

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The repository root is the plugin root.

Plugin files

spectra/

├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── skills/audio-cues/SKILL.md
├── skills/content-capture/SKILL.md
├── skills/demo/SKILL.md
├── skills/host-walkthrough/SKILL.md
├── skills/product-marketing/SKILL.md
├── skills/video-design/SKILL.md
└── .mcp.json

Included Skills6

audio-cuesskills/audio-cues/SKILL.md

Use when a Spectra video needs sound — "add music to this demo", "add sound effects", "which sound cue goes here", "sync sound to the beats", "the music is too loud / the cue is inaudible", "duck the music", "what audio can I legally use", or whenever a `polish-script` render is being assembled with `music`, `sfx`, or per-beat `sound`. Maps each demo-script beat to a specific cue file from `assets/audio/`, sets the bed/cue prep levels the pipeline does NOT apply for you, and enforces the no-copyrighted-audio rule. Not for general visual pacing, color, or typography design, use `video-design` instead.

content-captureskills/content-capture/SKILL.md

Captures raw screenshots or screen recordings from a running application. Use when the user asks to grab a screenshot, record raw footage, or pull quick visual assets from a live app. Not for editing an existing recording into a polished video, use `demo`; not for a narrated step-by-step walkthrough of a flow, use `host-walkthrough`.

demoskills/demo/SKILL.md

Edits an existing screen recording into a polished, shareable video. Use when the user asks to trim and caption a recording, highlight key moments, add spotlight focus, or turn a screen capture into a shareable demo. Not for capturing the raw recording itself, use `content-capture` or `host-walkthrough`; not for planning a marketing strategy for the video, use `product-marketing`.

host-walkthroughskills/host-walkthrough/SKILL.md

Drives a running web or macOS app step-by-step to demonstrate a flow, producing a narrated walkthrough capture. Use when the user asks to walk through a UI live, show how a feature works, or navigate an app with Spectra while capturing it. Not for a single screenshot or one-shot recording, use `content-capture`; not for editing an already-captured recording into a shareable video, use `demo`.

product-marketingskills/product-marketing/SKILL.md

Plans product marketing video strategy for any software product, turning product × audience × goal into a concrete plan (video type, length, channel, story-spine script, polish style) before production. Use when the user asks to plan a marketing video, app store preview, product hunt launch, launch video, changelog/release video, readme demo GIF, or "what video should I make for <app>". Not for directly producing an already-scoped video, use `demo`.

video-designskills/video-design/SKILL.md

Tunes a video's visual and pacing craft — color, typography, cut rate, kinetic text, safe zones — into concrete Spectra polish parameters. Use when a video looks/feels off, the user asks how it should be paced, what color/font size to use, why it isn't engaging, or how to make it feel premium or authentic. Not for choosing or leveling specific music/sound-effect cues, use `audio-cues` instead.

MCP servers1

spectrastdio

command: node
args: ${CLAUDE_PLUGIN_ROOT}/dist/mcp/server.js

MCP configuration uses runtime-provided plugin path placeholders such as ${PLUGIN_ROOT} or ${CLAUDE_PLUGIN_ROOT}. Review the manifest for the runtime-specific expansion rules.

Plugin manifests2

.codex-plugin/plugin.json

{
  "name": "spectra",
  "description": "Product screenshots and demo clips go stale the moment the UI changes, and re-shooting them by hand costs an afternoon. Spectra drives your running app across web, macOS, iOS, and watchOS to capture screenshots, videos, and narrated walkthroughs, then files every asset in a searchable tagged library. You get publish-ready visuals for docs, launch posts, and App Store previews without reshooting.",
  "author": {
    "name": "Tyrone Ross",
    "url": "https://github.com/tyroneross"
  },
  "license": "Apache-2.0",
  "keywords": [
    "screenshots",
    "video-capture",
    "content-creation",
    "marketing",
    "demo-recording",
    "accessibility"
  ],
  "skills": "./skills",
  "mcpServers": {
    "spectra": {
      "command": "node",
      "args": [
        "${CLAUDE_PLUGIN_ROOT}/dist/mcp/server.js"
      ],
      "tools": [
        "spectra_connect",
        "spectra_snapshot",
        "spectra_act",
        "spectra_step",
        "spectra_capture",
        "spectra_session",
        "spectra_analyze",
        "spectra_discover",
        "spectra_walkthrough",
        "spectra_record",
        "spectra_replay",
        "spectra_library",
        "spectra_demo",
        "spectra_computer_use",
        "spectra_llm_step"
      ]
    }
  },
  "interface": {
    "displayName": "Spectra",
    "shortDescription": "Product screenshots and demo clips go stale the moment the UI changes. Spectra drives your running web, macOS, iOS, and watchOS app to capture and tag them, so docs and launch posts stay current without reshooting.",
    "longDescription": "Product screenshots and demo clips go stale the moment the UI changes, and re-shooting them by hand costs an afternoon. Spectra drives your running app across web, macOS, iOS, and watchOS to capture screenshots, videos, and narrated walkthroughs, then files every asset in a searchable tagged library. You get publish-ready visuals for docs, launch posts, and App Store previews without reshooting.",
    "developerName": "Ross Labs",
    "category": "Productivity",
    "capabilities": [
      "Read",
      "Write"
    ]
  },
  "repository": "https://github.com/tyroneross/spectra",
  "homepage": "https://github.com/tyroneross/spectra"
}

.claude-plugin/plugin.json

{
  "name": "spectra",
  "description": "Product screenshots and demo clips go stale the moment the UI changes, and re-shooting them by hand costs an afternoon. Spectra drives your running app across web, macOS, iOS, and watchOS to capture screenshots, videos, and narrated walkthroughs, then files every asset in a searchable tagged library. You get publish-ready visuals for docs, launch posts, and App Store previews without reshooting.",
  "author": {
    "name": "Tyrone Ross",
    "url": "https://github.com/tyroneross"
  },
  "license": "Apache-2.0",
  "keywords": [
    "screenshots",
    "video-capture",
    "content-creation",
    "marketing",
    "demo-recording",
    "accessibility"
  ],
  "mcpServers": {
    "spectra": {
      "command": "node",
      "args": [
        "${CLAUDE_PLUGIN_ROOT}/dist/mcp/server.js"
      ],
      "tools": [
        "spectra_connect",
        "spectra_snapshot",
        "spectra_act",
        "spectra_step",
        "spectra_capture",
        "spectra_session",
        "spectra_analyze",
        "spectra_discover",
        "spectra_walkthrough",
        "spectra_record",
        "spectra_replay",
        "spectra_library",
        "spectra_demo",
        "spectra_computer_use",
        "spectra_llm_step"
      ]
    }
  },
  "repository": "https://github.com/tyroneross/spectra",
  "homepage": "https://github.com/tyroneross/spectra"
}

Browse the “screenshots” tag →

shots

by hitSlop

Ship store-ready App Store screenshots in minutes from your coding agent. Shots researches competing listings, then generates, revises, and translates screenshots and icons from your real app context.

Codex1 Skill1 MCP serverStreamable HTTP

1.1kUpdated 13 hours ago

comfyui-plugin

ComfyUI custom-node pack lifecycle - scaffold a pack, create + seed the repo, open the gitops adoption PR, publish to the Comfy Registry, and add README screenshots

Claude Code17 Skills

58Updated last week

playwright

by Alberto Leal

Browser automation with Playwright for Python. Use when testing websites, taking screenshots, filling forms, scraping web content, or automating browser interactions. Triggers on browser, web testing, screenshots, selenium, puppeteer, or playwright.

Codex1 Skill

22Updated yesterday

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[spectra on Agent Plugins Marketplace](https://pluginsmp.com/plugins/spectra)