ck:preview

Generate visualizations and manage files with voice-activated simplicity.

Updated Jan 11, 2026
One-click install
npx skills add https://github.com/felix-howard/ella --skill ck-preview
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:preview
Source: https://github.com/felix-howard/ella/tree/main/.opencode/skills/preview
Command: npx skills add https://github.com/felix-howard/ella --skill ck-preview

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to easily view files and directories, or generate visual explanations, diagrams, and presentation slides from topics.

Core Features & Use Cases

  • View Files/Directories: Browse content directly in a novel UI or as a directory listing.
  • Generate Visuals: Create ASCII diagrams, Mermaid diagrams, presentation slides, or general visual explanations for any topic.
  • Use Case: You can view a markdown document, or ask it to generate a diagram explaining a complex software architecture, or create presentation slides about a new feature.

Quick Start

Use the ck:preview skill to view the file named 'architecture.md'.

Frequently Asked Questions about ck:preview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate visual diagrams from a markdown file or topic?

To generate visual diagrams from a topic, this tool creates ASCII diagrams, Mermaid charts, and presentation slides. It integrates with mermaidjs-v11 to render architecture diagrams and visual explanations directly from your specified text.

What is the best way to view markdown documents and browse directories?

The best way to view markdown documents and directories is using the integrated markdown novel viewer. It provides a universal browsing interface to display file contents and list directory structures directly.

Can I create presentation slides explaining a software architecture?

Yes, you can create presentation slides explaining software architecture. The tool generates visual explanations and slides for specified topics, turning complex architectural concepts into readable visual formats.

Does this tool work with Mermaid charts and ASCII diagrams?

Yes, it works with Mermaid charts and ASCII diagrams by leveraging the mermaidjs-v11 integration. It generates both diagram types to provide visual explanations for your specified technical topics.

Do I need external dependencies to generate visual explanations?

No external dependencies are required to generate visual explanations. The tool operates independently to create slides and diagrams, while optionally integrating with skills like mermaidjs-v11 for enhanced chart generation.