quick-view_skill

This skill generates minimal, semantic HTML views to review structured output in a browser, improving readability of lists, tables, and drafts.
  • TypeScript

17

GitHub Stars

1

Bundled Files

2 months ago

Catalog Refreshed

4 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill rohunvora/cool-claude-skills --skill quick-view

  • SKILL.md11.0 KB

Overview

This skill generates minimal, semantic HTML pages to review Claude Code output in a browser. It creates lightweight, unstyled views that improve readability for lists, tables, drafts, and other structured output. Files are written as temporary views and can be promoted to persistent keepers when you approve them.

How this skill works

I inspect the output you want reviewed, choose an appropriate pattern (list, table, or expandable sections), and render content into the base HTML template with semantic elements like <table>, <ul>, <details>, and <pre>. The file is saved to _private/views/{name}-temp.html and opened in your browser; if you confirm, I promote the temp file to a keeper following the archive rules.

When to use it

  • Terminal output is hard to read or dense with line breaks
  • You need a visual layout for lists, tables, or multiple drafts
  • You say phrases like "show me", "quick view", "open as webpage", or "make this reviewable"
  • You want expandable/truncated long content for easier scanning
  • You need simple copy or source links without extra styling

Best practices

  • Always create new views with the -temp suffix; only promote on explicit approval
  • Choose a simple pattern: use <ul> for short lists, <table> for tabular data, <details> for long entries
  • Include source attribution links when data comes from external sources
  • Do not add decorative CSS beyond the provided base template—keep it functional
  • Archive existing keeper files before replacing them to preserve history

Example use cases

  • Open a set of outreach drafts as expandable items so you can copy or edit each one
  • Render a parsed CSV or contact list into a table for quick scanning and action
  • Turn long command-line output into a single-page view with truncation and "Show more" toggles
  • Present scraped tips or sourced items with muted attribution links for drill-down
  • Create editable draft sections that persist edits and support export of changes

FAQ

No. Views use a minimal base template with CSS variables and a small set of functional styles only; no frameworks or decorative styling.

How do I keep a view permanently?

Tell me to keep it with phrases like "keep this" or "save this". I will rename {name}-temp.html to {name}.html and archive any previous keeper first.

Built by
VeilStrat
AI signals for GTM teams
© 2026 VeilStrat. All rights reserved.All systems operational