تشغيل أي مهارة في Manus بنقرة واحدة

my-ccv

النجوم٤

التفرعات٠

آخر تحديث٤ يوليو ٢٠٢٦ في ١٢:٤٩

Manage Claude Code Viewer (CCV): preview in-progress CCV changes on ccv-preview, register HTML artifacts, download files, or schedule jobs via CCV local API. Use when user asks for CCV preview, ccv-preview, browser visual QA, UI/UX validation, CCV artifacts, CCV file download, or CCV scheduler jobs. Treat preview/プレビュー as the CCV app preview service first; use artifacts only when the user explicitly asks for artifact/dashboard/report HTML. Do NOT use for generic web app previews outside CCV, production deployment, Cloudflare config, or Anthropic remote triggers.

التثبيت

التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.

تشغيل في Manus

المصدر

Ynakatsuka

Ynakatsuka/dotfiles

فتح مستودع GitHub عرض مستودعات المنشئ

تنزيل

تشغيل في Manus

المهن ذات الصلةSOC

استنادا إلى تصنيف SOC المهني

مطوّرو البرمجياتمهن الحاسوب والرياضيات·SOC 15-1252

مستكشف الملفات

4 ملفات

SKILL.md

readonly

name	my-ccv
description	Manage Claude Code Viewer (CCV): preview in-progress CCV changes on ccv-preview, register HTML artifacts, download files, or schedule jobs via CCV local API. Use when user asks for CCV preview, ccv-preview, browser visual QA, UI/UX validation, CCV artifacts, CCV file download, or CCV scheduler jobs. Treat preview/プレビュー as the CCV app preview service first; use artifacts only when the user explicitly asks for artifact/dashboard/report HTML. Do NOT use for generic web app previews outside CCV, production deployment, Cloudflare config, or Anthropic remote triggers.
argument-hint	[preview [worktree-path] \| artifact [name] \| download <path> \| schedule [list\|create\|delete\|update]]

CCV — Claude Code Viewer Management

CCV (Claude Code Viewer) の preview 環境、アーティファクト登録、ファイルダウンロード、リモートエージェントのスケジュール管理を行う統合スキル。

CCV Server

全ワークフロー共通。API を呼ぶ前に base URL を一度だけ定義する（ポートは CCV_PORT 環境変数で上書き可、デフォルト 3434）:

BASE_URL="http://localhost:${CCV_PORT:-3434}"

Argument Routing

Route based on $ARGUMENTS:

preview ..., ccv-preview ..., プレビュー ..., ブラウザ確認 ..., visual/UX QA for CCV: → Read references/preview.md and follow the CCV App Preview workflow
schedule ...: → Read references/schedule.md and follow the Schedule workflow
download ... or dl ...: → Read references/download.md and follow the File Download workflow
artifact ... or explicit dashboard/report/HTML artifact creation: → Artifact workflow (below)
no argument or other: → Artifact workflow (below)

Preview First Rule

「preview」「プレビュー」だけなら、まず CCV app preview service (ccv-preview) と解釈する
HTML artifact preview と解釈するのは、ユーザーが artifact、dashboard、report、HTML、アーティファクト登録 を明示した場合だけ
CCV 以外の一般的な Web アプリ preview には使わない

Artifact Workflow

CCV ローカル API を使って HTML アーティファクトを作成・登録する。

Step 1: Identify the project

curl -s "${BASE_URL}/api/projects" | jq .

meta.projectPath で現在のプロジェクトディレクトリと照合し、対象の id を特定する
現在の作業ディレクトリ (pwd) と一致するプロジェクトを自動選択する
一致しない場合はユーザーに確認する

Step 2: Generate HTML content

ユーザーの要求に応じて HTML を生成する。典型的な用途:

定性評価ダッシュボード: データの可視化、比較表
レポート: 分析結果のまとめ
HTML モックアップ: UI の静的確認用 HTML

HTML の要件:

単一ファイルで完結する（外部リソースへの依存なし）
インラインCSS/JSを使用する
<html>, <head>, <body> タグを含む完全なHTML文書にする
日本語コンテンツの場合は <meta charset="utf-8"> を含める

Step 3: Register the artifact

リクエストボディ:

{
  "name": "DISPLAY_NAME",
  "fileName": "FILENAME.html",
  "html": "FULL_HTML_STRING"
}

name: ユーザーに表示される名前（日本語可）
fileName: 保存時のファイル名（英数字・ハイフン推奨、.html 拡張子必須）
html: 完全な HTML 文字列

HTML が大きい場合は必ず一時ファイル経由で送信する。JSON の構築には jq を使い、エスケープ漏れを防ぐ。一時ファイル名は $$-$RANDOM で衝突を避ける:

CCV_JSON="/tmp/ccv-artifact-$$-$RANDOM.json"
jq -n --arg name "$NAME" --arg fileName "$FILENAME" --arg html "$(cat /tmp/artifact.html)" \
  '{name: $name, fileName: $fileName, html: $html}' > "$CCV_JSON"
curl -s -X POST "${BASE_URL}/api/projects/{projectId}/artifacts" \
  -H 'Content-Type: application/json' -d @"$CCV_JSON"
rm -f "$CCV_JSON"

Step 4: Confirm and report

登録成功後、以下を報告する:

アーティファクト ID（レスポンスの id）
HTML 表示 URL: ${BASE_URL}/api/projects/{projectId}/artifacts/{artifactId}/html
登録内容の概要

Artifact API Reference

Method	Path	Description
GET	`/api/projects`	プロジェクト一覧
GET	`/api/projects/:projectId/artifacts`	アーティファクト一覧
POST	`/api/projects/:projectId/artifacts`	新規作成
PUT	`/api/projects/:projectId/artifacts/:artifactId`	更新（name, fileName, html すべて省略可）
DELETE	`/api/projects/:projectId/artifacts/:artifactId`	削除
GET	`/api/projects/:projectId/artifacts/:artifactId/html`	HTML 本体取得

Artifact Error Handling

CCV サーバーが起動していない場合: curl: (7) Failed to connect → ユーザーに CCV サーバーの起動を案内する
プロジェクトが見つからない場合: 一覧を表示してユーザーに選択を求める

Artifact Notes

既存アーティファクトの更新は PUT を使い、変更したいフィールドのみ送信する
list サブコマンド的に使われた場合は GET で一覧を返す
レスポンスの id は ULID 形式で自動生成される

المزيد من هذا المستودع

نفس المستودع

my-pr

Ynakatsuka/dotfiles

Unified pull request workflow: prepare a safe branch, run read-only review, fix Required findings, create/update a GitHub draft PR, and verify CI plus automated review comments. Subcommands: `create` (simplify + PR, skip code review), `review` (read-only findings only), `fix` (Required fixes + commit, no push), `simplify` (simplification only), `verify` (existing PR checks/reviews only). Use when creating or reviewing PRs, self-reviewing changes, simplifying PR changes, or requesting "PR作成", "レビュー", "簡素化". Do NOT use for responding to review comments or a lightweight review of the current working diff without the PR workflow (use the built-in /code-review instead).

2026-07-144

my-epic

Ynakatsuka/dotfiles

Orchestrate medium-to-large software development by turning a broad goal into an implementation and verification plan made of PR-sized subtasks and operational nodes, defining verification harnesses and gates for each node, and stopping after epic creation on the first invocation until the user explicitly asks to implement or execute approved nodes. Use when the user asks for large-scale development planning, PR decomposition, multi-PR execution, technical selection, or autonomous delivery of a broad epic. Do NOT use for a single small bug fix, one obvious PR, pure code review, ordinary SDD work that already fits in one spec/PR, or implementing an epic during the same first call that created it.

2026-07-134

my-worktree

Ynakatsuka/dotfiles

Create a git worktree using the project's `{repo}-worktree/{branch}` convention, fetching origin first and basing new branches on the highest-priority remote ref (`origin/staging`, then `origin/main`, then `origin/master`). Use when the user asks to create a new worktree or start work on a new branch in a worktree (e.g. "ワークツリー作って", "worktree 作成", "新しい作業ブランチ", "新規ブランチで作業"). Do NOT use for removing/listing worktrees (use `gwc` / `git worktree list`), or for the PR flow (use my-pr — it creates its own worktree on protected branches).

2026-07-134

my-pr-briefing

Ynakatsuka/dotfiles

Explain an existing GitHub pull request in the CCV chat as a code-oriented walkthrough for human review. Covers the PR intent, every changed file, behavioral and contract changes, faithful code excerpts, flows, and review attention points while omitting test-detail explanations. Use when the user asks to understand, inspect, walk through, or visually review a PR created in CCV. Do NOT use for creating or updating PRs, posting review comments, fixing findings, running tests, or performing a formal findings-only code review.

2026-07-114

my-refactor

Ynakatsuka/dotfiles

Scan a codebase for refactoring opportunities, write a SARIF-compatible report, and register each finding as a GitHub issue labelled by severity, effort, and Fowler category. After issue creation, report the created issues and suggested feature names without choosing an implementation workflow. Use when the user asks to "リファクタリング候補洗い出し", "技術的負債リスト化", "refactor scan", "refactoring issues", or requests surveying a repo for refactor work. Do NOT use for applying refactors, code review of a specific PR (use `my-pr review`), or for fixing a specific bug.

2026-07-094

my-release-note

Ynakatsuka/dotfiles

Generate release notes from merged PR history and commits. Categorizes changes by type and creates GitHub releases with semantic versioning. Use when the user asks to create a release or generate release notes (e.g., "リリースノート", "release note", "リリース作成"). Do NOT use for changelogs, commit summaries, or PR descriptions.

2026-07-094

name	my-ccv
description	Manage Claude Code Viewer (CCV): preview in-progress CCV changes on ccv-preview, register HTML artifacts, download files, or schedule jobs via CCV local API. Use when user asks for CCV preview, ccv-preview, browser visual QA, UI/UX validation, CCV artifacts, CCV file download, or CCV scheduler jobs. Treat preview/プレビュー as the CCV app preview service first; use artifacts only when the user explicitly asks for artifact/dashboard/report HTML. Do NOT use for generic web app previews outside CCV, production deployment, Cloudflare config, or Anthropic remote triggers.
argument-hint	[preview [worktree-path] \| artifact [name] \| download <path> \| schedule [list\|create\|delete\|update]]

CCV — Claude Code Viewer Management

CCV (Claude Code Viewer) の preview 環境、アーティファクト登録、ファイルダウンロード、リモートエージェントのスケジュール管理を行う統合スキル。

CCV Server

全ワークフロー共通。API を呼ぶ前に base URL を一度だけ定義する（ポートは CCV_PORT 環境変数で上書き可、デフォルト 3434）:

BASE_URL="http://localhost:${CCV_PORT:-3434}"

Argument Routing

Route based on $ARGUMENTS:

preview ..., ccv-preview ..., プレビュー ..., ブラウザ確認 ..., visual/UX QA for CCV: → Read references/preview.md and follow the CCV App Preview workflow
schedule ...: → Read references/schedule.md and follow the Schedule workflow
download ... or dl ...: → Read references/download.md and follow the File Download workflow
artifact ... or explicit dashboard/report/HTML artifact creation: → Artifact workflow (below)
no argument or other: → Artifact workflow (below)

Preview First Rule

「preview」「プレビュー」だけなら、まず CCV app preview service (ccv-preview) と解釈する
HTML artifact preview と解釈するのは、ユーザーが artifact、dashboard、report、HTML、アーティファクト登録 を明示した場合だけ
CCV 以外の一般的な Web アプリ preview には使わない

Artifact Workflow

CCV ローカル API を使って HTML アーティファクトを作成・登録する。

Step 1: Identify the project

curl -s "${BASE_URL}/api/projects" | jq .

meta.projectPath で現在のプロジェクトディレクトリと照合し、対象の id を特定する
現在の作業ディレクトリ (pwd) と一致するプロジェクトを自動選択する
一致しない場合はユーザーに確認する

Step 2: Generate HTML content

ユーザーの要求に応じて HTML を生成する。典型的な用途:

定性評価ダッシュボード: データの可視化、比較表
レポート: 分析結果のまとめ
HTML モックアップ: UI の静的確認用 HTML

HTML の要件:

単一ファイルで完結する（外部リソースへの依存なし）
インラインCSS/JSを使用する
<html>, <head>, <body> タグを含む完全なHTML文書にする
日本語コンテンツの場合は <meta charset="utf-8"> を含める

Step 3: Register the artifact

リクエストボディ:

{
  "name": "DISPLAY_NAME",
  "fileName": "FILENAME.html",
  "html": "FULL_HTML_STRING"
}

name: ユーザーに表示される名前（日本語可）
fileName: 保存時のファイル名（英数字・ハイフン推奨、.html 拡張子必須）
html: 完全な HTML 文字列

CCV_JSON="/tmp/ccv-artifact-$$-$RANDOM.json"
jq -n --arg name "$NAME" --arg fileName "$FILENAME" --arg html "$(cat /tmp/artifact.html)" \
  '{name: $name, fileName: $fileName, html: $html}' > "$CCV_JSON"
curl -s -X POST "${BASE_URL}/api/projects/{projectId}/artifacts" \
  -H 'Content-Type: application/json' -d @"$CCV_JSON"
rm -f "$CCV_JSON"

Step 4: Confirm and report

登録成功後、以下を報告する:

アーティファクト ID（レスポンスの id）
HTML 表示 URL: ${BASE_URL}/api/projects/{projectId}/artifacts/{artifactId}/html
登録内容の概要

Artifact API Reference

Method	Path	Description
GET	`/api/projects`	プロジェクト一覧
GET	`/api/projects/:projectId/artifacts`	アーティファクト一覧
POST	`/api/projects/:projectId/artifacts`	新規作成
PUT	`/api/projects/:projectId/artifacts/:artifactId`	更新（name, fileName, html すべて省略可）
DELETE	`/api/projects/:projectId/artifacts/:artifactId`	削除
GET	`/api/projects/:projectId/artifacts/:artifactId/html`	HTML 本体取得

Artifact Error Handling

CCV サーバーが起動していない場合: curl: (7) Failed to connect → ユーザーに CCV サーバーの起動を案内する
プロジェクトが見つからない場合: 一覧を表示してユーザーに選択を求める

Artifact Notes

既存アーティファクトの更新は PUT を使い、変更したいフィールドのみ送信する
list サブコマンド的に使われた場合は GET で一覧を返す
レスポンスの id は ULID 形式で自動生成される