What does the Quick View skill do?

Quick View converts Claude Code terminal output into clean, unstyled semantic HTML pages, making it easier to read tables, lists, and long drafts in a web browser.

Does Quick View support dark mode?

Yes, the skill uses a base template with CSS variables that automatically respect your system's light or dark mode preferences.

How do I save a temporary view permanently?

When you see a view you like, tell Claude 'keep this' or 'this is good.' The skill will then rename the temporary file to a permanent 'keeper' and archive any previous versions.

Where are the generated HTML files stored?

All generated views are saved locally in the `_private/views/` directory of your project to ensure your data remains private and organized.

Can I edit the content generated in the browser?

Yes, when using the 'Editable Drafts' pattern, you can edit text directly in the browser and use the 'Export Edits' button to save your changes as a JSON file.

Quick View

Name: Quick View
Author: shipshitdev

byshipshitdev

•

Productivity & Workflow

Transforms complex terminal outputs into clean, readable HTML pages for easier review and data management in the browser.

Quick View bridges the gap between terminal-based AI interactions and visual data review by generating minimal, semantic HTML templates for structured data like tables, lists, and drafts. It provides a specialized workflow for managing temporary views, promoting them to 'keepers,' and archiving old versions, all while supporting features like auto-switching dark/light mode, long-content truncation, and editable drafts with diff tracking. It is ideal for developers who need to review large datasets or polished content that is difficult to parse within a standard CLI environment.

Key Features

01Built-in dark and light mode support using native CSS variables

02Smart file lifecycle management with Temporary, Keeper, and Archived states

03Interactive UI components including 'Show more' truncation and clipboard actions

04Editable draft support with local storage persistence and JSON export capabilities

0510 GitHub stars

06Automatic HTML generation for tables, lists, and expandable sections

Use Cases

01Creating and refining communication drafts with a side-by-side editing interface

02Reviewing complex data tables or long lists that overflow the terminal buffer

03Visualizing research findings and curated data with proper source attribution

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add shipshitdev/library quick-view

For use in Claude.ai and ChatGPT

Download Skill