本文へ移動
cccskills
無料GitHub で公開

ck:preview

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

日本語の概要は準備中です。原文の説明を表示しています。

インストール方法を見る

含まれるファイル(3)

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

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

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

日本語の概要は準備中です。原文の説明を表示しています。

manhvann/codexkit892026年8月29日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

manhvann/codexkit892026年8月29日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

manhvann/codexkit892026年8月29日 更新

ck:ask

無料

Answer technical and architectural questions with expert consultation.

日本語の概要は準備中です。原文の説明を表示しています。

manhvann/codexkit892026年8月29日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

manhvann/codexkit892026年8月29日 更新

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

日本語の概要は準備中です。原文の説明を表示しています。

manhvann/codexkit892026年8月29日 更新

manhvann のスキルをすべて見る

このスキルの問題を報告する