Skip to content
cccskills
FreePublished on GitHub

ck:preview

View files/directories OR generate visual explanations, slides, diagrams.

The English summary is being prepared. Showing the original description.

See how to install

Files included (3)

  • SKILL.md3.1 KB
  • references/generation-modes.md2.0 KB
  • references/view-mode.md1.2 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Preview

Universal viewer + visual generator. View existing content OR generate new visual explanations.

Default (No Arguments)

If invoked without arguments, ask the user to choose available preview operations:

OperationDescription
(view)View a file or directory
--explainGenerate visual explanation
--slidesGenerate presentation slides
--diagramGenerate architecture diagram
--asciiTerminal-friendly diagram
--stopStop preview server

Present options with header "Preview Operation", question "What would you like to do?".

Usage

View Mode

  • $preview <file.md> - View markdown file in novel-reader UI
  • $preview <directory/> - Browse directory contents
  • $preview --stop - Stop running server

Generation Mode

  • $preview --explain <topic> - Generate visual explanation (ASCII + Mermaid + prose)
  • $preview --slides <topic> - Generate presentation slides (one concept per slide)
  • $preview --diagram <topic> - Generate focused diagram (ASCII + Mermaid)
  • $preview --ascii <topic> - Generate ASCII-only diagram (terminal-friendly)

Argument Resolution

When processing arguments, follow this priority order:

  1. --stop → Stop server (exit)
  2. Generation flags (--explain, --slides, --diagram, --ascii) → Generation mode. Load references/generation-modes.md
  3. Resolve path from argument:
    • If argument is an explicit path → use directly
    • If argument is a contextual reference → resolve from recent conversation context
  4. Resolved path exists on filesystem → View mode. Load references/view-mode.md
  5. Path doesn't exist or can't resolve → Ask user to clarify

Topic-to-slug conversion:

  • Lowercase the topic
  • Replace spaces/special chars with hyphens
  • Remove non-alphanumeric except hyphens
  • Collapse multiple hyphens → single hyphen
  • Trim leading/trailing hyphens
  • Max 80 chars - truncate at word boundary if longer

Multiple flags: If multiple generation flags provided, use first one; remaining treated as topic.

Placeholder {topic}: Replaced with original user input in title case (not the slug).

Error Handling

ErrorAction
Invalid topic (empty)Ask user to provide a topic
Flag without topicAsk user: "Please provide a topic: $preview --explain <topic>"
Topic becomes empty after sanitizationAsk for topic with alphanumeric characters
File write failureReport error, suggest checking permissions
Server startup failureCheck if port in use, try $preview --stop first
No generation flag + unresolvable referenceAsk user to clarify which file they meant
Existing file at output pathOverwrite with new content (no prompt)
Server already runningReuse existing server instance, just open new URL
Parent plans/ dir missingCreate directories recursively before write

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

AI-optimized browser automation CLI with context-efficient snapshots. Use for long autonomous sessions, self-verifying workflows, video recording, and cloud browser testing (Browserbase).

The English summary is being prepared. Showing the original description.

manhvann/codexkit89Updated Aug 29, 2026

Generate images via Nano Banana with 129 curated prompts. Mandatory validation interview refines style/mood/colors (use --skip to bypass). 3 modes: search, creative, wild. Styles: Ukiyo-e, Bento grid, cyberpunk, cinematic, vintage patent.

The English summary is being prepared. Showing the original description.

manhvann/codexkit89Updated Aug 29, 2026

Analyze images/audio/video with Gemini API (better vision than Codex). Generate images (Imagen 4), videos (Veo 3). Use for vision analysis, transcription, OCR, design extraction, multimodal AI.

The English summary is being prepared. Showing the original description.

manhvann/codexkit89Updated Aug 29, 2026

ck:ask

Free

Answer technical and architectural questions with expert consultation.

The English summary is being prepared. Showing the original description.

manhvann/codexkit89Updated Aug 29, 2026

Build backends with Node.js, Python, Go (NestJS, FastAPI, Django). Use for REST/GraphQL/gRPC APIs, auth (OAuth, JWT), databases, microservices, security (OWASP), Docker/K8s.

The English summary is being prepared. Showing the original description.

manhvann/codexkit89Updated Aug 29, 2026

Add authentication with Better Auth (TypeScript). Use for email/password, OAuth providers (Google, GitHub), 2FA/MFA, passkeys/WebAuthn, sessions, RBAC, rate limiting.

The English summary is being prepared. Showing the original description.

manhvann/codexkit89Updated Aug 29, 2026

See all skills by manhvann

Report a problem with this skill