- Home
- Skills
- Rohunvora
- Cool Claude Skills
- Quick View
quick-view_skill
- 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.