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>

Ir para a instalação

Repositório: aladac/claude-plugins
Última atividade na origem: 20 de abril de 2026 às 10:15
Idioma detectado do SKILL.md: inglês
Estrelas: 0
Forks: 0

Opções de instalação

Por padrão, está selecionado o prompt que primeiro revisa a origem. Você pode mudar para um comando direto ou baixar uma cópia local.

Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.

Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.

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

O comando permanece em uma só linha. Role horizontalmente para revisá-lo antes de copiar.

Prefere uma cópia local? Baixe os arquivos disponíveis atualmente no SkillsMP.

Revise os arquivos de origem

Leia o SKILL.md e os arquivos complementares exibidos pelo SkillsMP antes de decidir se vai instalar.

Explorador de arquivos

2 arquivos

SKILL.md

Instruções da origem · Visualização somente leitura

Voltar à pesquisa Voltar à instalação

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

Ver todas deste repositório

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

Informações da origem

Opções de instalação

Revise os arquivos de origem

Mais deste repositório

Mais deste repositório

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