preview

Render an HTML file or live URL as a screenshot on the MARAUDER visor viewport. Use for component mockups, website snapshots, and visual previews. <example> Context: User wants to preview a component mockup user: "show this mockup on the visor" </example> <example> Context: Check a live website visually user: "screenshot kwit.fit and show on visor" </example> <example> Context: Preview a design before implementing user: "render this HTML and display on viewport" </example>

Jump to install

Repository: aladac/claude-plugins
Last source activity: April 20, 2026 at 10:15
Detected SKILL.md language: English
Stars: 0
Forks: 0

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/aladac/claude-plugins --skill preview

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

2 files

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

poster

Generate a cinematic landscape poster — image on the left, styled text on the right. Dark military aesthetic: navy background (#080c12), orange accent (#e8872b), light text (#c8d4de). Uses DIN Condensed Bold for titles and DIN Alternate Bold for body text. <example> Context: User wants to create a poster from an image and text user: "Make a poster from this mech image with the Protocol 3 speech" assistant: "I'll use the poster skill to generate it." <commentary> Image + text poster generation — the poster skill handles layout, fonts, and color scheme. </commentary> </example> <example> Context: User provides paragraphs separately user: "Create a poster with these 3 paragraphs and this background image" assistant: "I'll use the poster skill with separate paragraph inputs." <commentary> Multiple paragraphs get proper spacing — use --p1 through --p4 flags. </commentary> </example>

2026-04-22

cloudflare

Cloudflare infrastructure management — zones, DNS, tunnels, Pages, Workers. Call cf.sh with all arguments directly. Use for DNS records, tunnel creation (local and remote), static site deployment, and serverless workers. <example> Context: User wants to list DNS records user: "show me DNS records for saiden.dev" </example> <example> Context: User wants to expose a local service user: "expose port 3000 as app.saiden.dev" </example> <example> Context: User wants to create a tunnel on junkpile user: "tunnel port 8080 on junkpile to api.tengu.to" </example> <example> Context: User wants to deploy to Pages user: "deploy this to Cloudflare Pages" </example>

2026-04-22

google-calendar

Manage Google Calendar events via gog CLI. Multi-account (chi@sazabi.pl, adam.ladachowski@gmail.com). Shortcuts for today, tomorrow, week. Use today-all/week-all for both accounts. <example> Context: User asks about their day user: "what's on my calendar today?" </example> <example> Context: User asks about the week user: "what does my week look like?" </example> <example> Context: User wants to create an event user: "add a meeting tomorrow at 2pm" </example> <example> Context: User searches for an event user: "when's the dentist appointment?" </example> <example> Context: User checks all accounts user: "anything on any calendar today?" </example>

2026-04-22

View all from this repository

name

Preview

description

Usage

python3 ${CLAUDE_PLUGIN_ROOT}/skills/preview/preview.py <file_or_url> [options]

HTML file preview

python3 ${CLAUDE_PLUGIN_ROOT}/skills/preview/preview.py /tmp/mockup.html --title "MOCKUP"

Live website screenshot

python3 ${CLAUDE_PLUGIN_ROOT}/skills/preview/preview.py https://kwit.fit --title "KWIT.FIT" --full-page

Custom viewport (mobile)

python3 ${CLAUDE_PLUGIN_ROOT}/skills/preview/preview.py https://example.com --width 390 --height 844 --title "MOBILE"

Options

Flag	Default	Description
`--title`	filename/domain	Visor title
`--caption`	none	Visor caption
`--width`	640	Viewport width
`--height`	400	Viewport height
`--full-page`	false	Capture full scrollable page
`--no-visor`	false	Save screenshot only
`--output`	/tmp/preview.png	Screenshot output path
`--delay`	1000	Wait before capture (ms)

Workflow

Write HTML to a temp file (or use a URL directly)
Run the preview script — it handles browser, screenshot, and visor display in one call
The screenshot path is printed to stdout for reading with the Read tool if needed

Prerequisites

Playwright (pip install playwright && playwright install chromium)
Visor running on port 9876 (optional — use --no-visor without it)

preview

Source facts

Install options

Review the source files

More from this repository

More from this repository

Usage

HTML file preview

Live website screenshot

Custom viewport (mobile)

Options

Workflow

Prerequisites

Usage

HTML file preview

Live website screenshot

Custom viewport (mobile)

Options

Workflow

Prerequisites