Initial commit
This commit is contained in:
Zhongwei Li
11
.claude-plugin/plugin.json
Normal file
11
.claude-plugin/plugin.json
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
{
|
||||||
|
"name": "session-reporter-plugin",
|
||||||
|
"description": "Generate HTML reports to visualize work sessions including conversation history, code changes, and execution results",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"author": {
|
||||||
|
"name": "Stefan Cho"
|
||||||
|
},
|
||||||
|
"skills": [
|
||||||
|
"./skills"
|
||||||
|
]
|
||||||
|
}
|
||||||
3
README.md
Normal file
3
README.md
Normal file
@@ -0,0 +1,3 @@
|
|||||||
|
# session-reporter-plugin
|
||||||
|
|
||||||
|
Generate HTML reports to visualize work sessions including conversation history, code changes, and execution results
|
||||||
53
plugin.lock.json
Normal file
53
plugin.lock.json
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
{
|
||||||
|
"$schema": "internal://schemas/plugin.lock.v1.json",
|
||||||
|
"pluginId": "gh:devstefancho/claude-plugins:session-reporter-plugin",
|
||||||
|
"normalized": {
|
||||||
|
"repo": null,
|
||||||
|
"ref": "refs/tags/v20251128.0",
|
||||||
|
"commit": "0aea82b0b0cdccb511c9ef9b128aed07491944f6",
|
||||||
|
"treeHash": "dc7118120bc59bf4f369e4724379de52d4278f6b9384d4dddad6a0696d6c7c75",
|
||||||
|
"generatedAt": "2025-11-28T10:16:21.267388Z",
|
||||||
|
"toolVersion": "publish_plugins.py@0.2.0"
|
||||||
|
},
|
||||||
|
"origin": {
|
||||||
|
"remote": "git@github.com:zhongweili/42plugin-data.git",
|
||||||
|
"branch": "master",
|
||||||
|
"commit": "aa1497ed0949fd50e99e70d6324a29c5b34f9390",
|
||||||
|
"repoRoot": "/Users/zhongweili/projects/openmind/42plugin-data"
|
||||||
|
},
|
||||||
|
"manifest": {
|
||||||
|
"name": "session-reporter-plugin",
|
||||||
|
"description": "Generate HTML reports to visualize work sessions including conversation history, code changes, and execution results",
|
||||||
|
"version": "1.0.0"
|
||||||
|
},
|
||||||
|
"content": {
|
||||||
|
"files": [
|
||||||
|
{
|
||||||
|
"path": "README.md",
|
||||||
|
"sha256": "acbfa73ebfebaf601d11fc2e0c5c7f62c346914a6b274cab8fccb342c0f83e90"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": ".claude-plugin/plugin.json",
|
||||||
|
"sha256": "3062dc64adfa898649bfb2ef732cddad349bf68ccfcb127e9fa8e5698680fbcc"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "skills/session-reporter/reference.md",
|
||||||
|
"sha256": "3e1df9ff1f8769186bbd4c58965ca2d080e6db841366f189a41655539dc2aabd"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "skills/session-reporter/SKILL.md",
|
||||||
|
"sha256": "a8fd2ab30add7855119ccf19567f050cab68b875a3df5ef494e2fc54107abd41"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "skills/session-reporter/templates/report.html",
|
||||||
|
"sha256": "2a0c5575822568a5f79b0e44325f25aadfbed6f6f6b384bb5bd4a7aa563aad77"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"dirSha256": "dc7118120bc59bf4f369e4724379de52d4278f6b9384d4dddad6a0696d6c7c75"
|
||||||
|
},
|
||||||
|
"security": {
|
||||||
|
"scannedAt": null,
|
||||||
|
"scannerVersion": null,
|
||||||
|
"flags": []
|
||||||
|
}
|
||||||
|
}
|
||||||
114
skills/session-reporter/SKILL.md
Normal file
114
skills/session-reporter/SKILL.md
Normal file
@@ -0,0 +1,114 @@
|
|||||||
|
---
|
||||||
|
name: session-reporter
|
||||||
|
description: Generate HTML file to view work session. Use when user asks to view content as HTML (e.g., 'HTML로 보여줘', 'HTML 파일로 만들어줘', 'view as HTML', 'export to HTML', 'HTML로 저장').
|
||||||
|
allowed-tools: Write, Bash, AskUserQuestion
|
||||||
|
---
|
||||||
|
|
||||||
|
# Session Reporter
|
||||||
|
|
||||||
|
Generate an HTML file that visualizes your current work session, including conversation history, code changes, and execution results. The HTML file is automatically opened in your default browser.
|
||||||
|
|
||||||
|
## Instructions
|
||||||
|
|
||||||
|
Follow these steps to generate a session report:
|
||||||
|
|
||||||
|
### 1. Ask User for Report Scope
|
||||||
|
|
||||||
|
Use the AskUserQuestion tool to determine what content to include:
|
||||||
|
|
||||||
|
```
|
||||||
|
Question: "어떤 범위의 세션 내용을 HTML로 만들까요?"
|
||||||
|
Options:
|
||||||
|
- "마지막 작업만" (Last activity only - most recent task/conversation)
|
||||||
|
- "전체 세션" (Full session - entire conversation from start)
|
||||||
|
- "커스텀 선택" (Custom - ask user to specify what to include)
|
||||||
|
```
|
||||||
|
|
||||||
|
### 2. Collect Session Information
|
||||||
|
|
||||||
|
Based on the user's choice, gather the following information:
|
||||||
|
|
||||||
|
- **작업 요약 (Work Summary)**:
|
||||||
|
- Files modified
|
||||||
|
- Key decisions made
|
||||||
|
- Major changes implemented
|
||||||
|
|
||||||
|
- **대화 내용 (Conversation)**:
|
||||||
|
- User questions and requests
|
||||||
|
- Claude's responses
|
||||||
|
- Important clarifications
|
||||||
|
|
||||||
|
- **코드 변경사항 (Code Changes)**:
|
||||||
|
- Modified files with diffs or before/after comparisons
|
||||||
|
- New files created
|
||||||
|
- Files deleted
|
||||||
|
|
||||||
|
- **실행 결과 (Execution Results)**:
|
||||||
|
- Test results
|
||||||
|
- Build output
|
||||||
|
- Error messages
|
||||||
|
- Command outputs
|
||||||
|
|
||||||
|
### 3. Generate HTML File
|
||||||
|
|
||||||
|
Use the template at `templates/report.html` to create the HTML file:
|
||||||
|
|
||||||
|
1. Read the template file
|
||||||
|
2. Replace placeholders with actual session data:
|
||||||
|
- `{{TITLE}}` - Report title (e.g., "Session Report - 2025-11-15")
|
||||||
|
- `{{TIMESTAMP}}` - Generation timestamp
|
||||||
|
- `{{SUMMARY}}` - Work summary section
|
||||||
|
- `{{CONVERSATION}}` - Conversation content
|
||||||
|
- `{{CHANGES}}` - Code changes section
|
||||||
|
- `{{RESULTS}}` - Execution results section
|
||||||
|
3. Save to `/tmp/session-report-{timestamp}.html`
|
||||||
|
- Use format: `session-report-YYYYMMDD-HHMMSS.html`
|
||||||
|
- Example: `session-report-20251115-143022.html`
|
||||||
|
|
||||||
|
### 4. Open in Browser
|
||||||
|
|
||||||
|
After generating the HTML file:
|
||||||
|
|
||||||
|
1. Use Bash tool to open the file:
|
||||||
|
```bash
|
||||||
|
open /tmp/session-report-{timestamp}.html
|
||||||
|
```
|
||||||
|
2. Provide the file:// path to the user:
|
||||||
|
```
|
||||||
|
file:///tmp/session-report-{timestamp}.html
|
||||||
|
```
|
||||||
|
|
||||||
|
### 5. Inform User
|
||||||
|
|
||||||
|
Tell the user:
|
||||||
|
- HTML 파일이 생성되었고 브라우저에서 열렸습니다
|
||||||
|
- The file path for future reference
|
||||||
|
- The file is temporary and will be cleaned up on system restart
|
||||||
|
|
||||||
|
## Examples
|
||||||
|
|
||||||
|
### Example 1: Last Activity Only
|
||||||
|
|
||||||
|
```
|
||||||
|
User: HTML로 보여줘
|
||||||
|
Claude: [Uses AskUserQuestion to confirm scope]
|
||||||
|
User: 마지막 작업만
|
||||||
|
Claude: [Generates HTML with recent changes only, opens in browser]
|
||||||
|
```
|
||||||
|
|
||||||
|
### Example 2: Full Session
|
||||||
|
|
||||||
|
```
|
||||||
|
User: 전체 세션 내용을 HTML 파일로 만들어줘
|
||||||
|
Claude: [Uses AskUserQuestion to confirm]
|
||||||
|
User: 전체 세션
|
||||||
|
Claude: [Generates comprehensive HTML with all conversation and changes]
|
||||||
|
```
|
||||||
|
|
||||||
|
## Tips
|
||||||
|
|
||||||
|
- Keep HTML styling simple and clean for easy reading
|
||||||
|
- Include proper syntax highlighting for code blocks using `<pre><code>` tags
|
||||||
|
- Add section navigation for longer reports
|
||||||
|
- Make the HTML print-friendly for documentation purposes
|
||||||
|
- Use semantic HTML elements for better accessibility
|
||||||
44
skills/session-reporter/reference.md
Normal file
44
skills/session-reporter/reference.md
Normal file
@@ -0,0 +1,44 @@
|
|||||||
|
# Session Reporter - Reference
|
||||||
|
|
||||||
|
## Overview
|
||||||
|
|
||||||
|
HTML 파일로 작업 세션을 시각화하여 브라우저에서 볼 수 있습니다.
|
||||||
|
|
||||||
|
## Trigger Keywords
|
||||||
|
|
||||||
|
**Korean**: "HTML로 보여줘", "HTML 파일로 만들어줘", "HTML로 저장"
|
||||||
|
**English**: "view as HTML", "export to HTML", "show in HTML"
|
||||||
|
|
||||||
|
## Report Scope Options
|
||||||
|
|
||||||
|
1. **마지막 작업만** - 최근 작업 내용만
|
||||||
|
2. **전체 세션** - 처음부터 모든 대화/변경사항
|
||||||
|
3. **커스텀 선택** - 원하는 내용만 선택
|
||||||
|
|
||||||
|
## File Location
|
||||||
|
|
||||||
|
```
|
||||||
|
/tmp/session-report-YYYYMMDD-HHMMSS.html
|
||||||
|
```
|
||||||
|
|
||||||
|
⚠️ `/tmp` 파일은 시스템 재시작시 삭제됩니다.
|
||||||
|
|
||||||
|
## Template Customization
|
||||||
|
|
||||||
|
템플릿 위치: `.claude/skills/session-reporter/templates/report.html`
|
||||||
|
|
||||||
|
### Placeholders
|
||||||
|
|
||||||
|
- `{{TITLE}}` - 리포트 제목
|
||||||
|
- `{{TIMESTAMP}}` - 생성 시간
|
||||||
|
- `{{SUMMARY}}` - 작업 요약
|
||||||
|
- `{{CONVERSATION}}` - 대화 내용
|
||||||
|
- `{{CHANGES}}` - 코드 변경사항
|
||||||
|
- `{{RESULTS}}` - 실행 결과
|
||||||
|
- `{{FILE_PATH}}` - 파일 경로
|
||||||
|
|
||||||
|
## Tips
|
||||||
|
|
||||||
|
- **공유 전 확인**: 민감한 정보(API 키, 비밀번호) 제거
|
||||||
|
- **영구 저장**: 중요한 리포트는 다른 위치에 복사
|
||||||
|
- **PDF 변환**: 브라우저의 인쇄 기능(Cmd+P) 사용
|
||||||
307
skills/session-reporter/templates/report.html
Normal file
307
skills/session-reporter/templates/report.html
Normal file
@@ -0,0 +1,307 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ko">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>{{TITLE}}</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: #333;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
max-width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
background-color: white;
|
||||||
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
color: white;
|
||||||
|
padding: 40px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
header h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header .timestamp {
|
||||||
|
font-size: 0.9em;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
padding: 15px 40px;
|
||||||
|
border-bottom: 1px solid #e0e0e0;
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
color: #667eea;
|
||||||
|
text-decoration: none;
|
||||||
|
margin-right: 20px;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a:hover {
|
||||||
|
color: #764ba2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
padding: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
margin-bottom: 50px;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
border-bottom: 2px solid #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
section:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
color: #667eea;
|
||||||
|
font-size: 1.8em;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding-bottom: 10px;
|
||||||
|
border-bottom: 3px solid #667eea;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
color: #555;
|
||||||
|
font-size: 1.3em;
|
||||||
|
margin-top: 25px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.summary-item {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
padding: 15px 20px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border-left: 4px solid #667eea;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.conversation-block {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-message {
|
||||||
|
background-color: #e3f2fd;
|
||||||
|
padding: 15px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border-left: 4px solid #2196f3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assistant-message {
|
||||||
|
background-color: #f3e5f5;
|
||||||
|
padding: 15px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border-left: 4px solid #9c27b0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-label {
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-message .message-label {
|
||||||
|
color: #1976d2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assistant-message .message-label {
|
||||||
|
color: #7b1fa2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.code-change {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
padding: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.file-path {
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #667eea;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 0.95em;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
background-color: #2d2d2d;
|
||||||
|
color: #f8f8f2;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 6px;
|
||||||
|
overflow-x: auto;
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
font-size: 0.9em;
|
||||||
|
line-height: 1.5;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
.execution-result {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
padding: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border-left: 4px solid #4caf50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-success {
|
||||||
|
border-left-color: #4caf50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-error {
|
||||||
|
border-left-color: #f44336;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-label {
|
||||||
|
font-weight: 600;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 0.95em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-success .result-label {
|
||||||
|
color: #2e7d32;
|
||||||
|
}
|
||||||
|
|
||||||
|
.result-error .result-label {
|
||||||
|
color: #c62828;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul, ol {
|
||||||
|
margin-left: 25px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #f8f9fa;
|
||||||
|
padding: 20px 40px;
|
||||||
|
text-align: center;
|
||||||
|
color: #777;
|
||||||
|
font-size: 0.9em;
|
||||||
|
border-top: 1px solid #e0e0e0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media print {
|
||||||
|
body {
|
||||||
|
background-color: white;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
page-break-inside: avoid;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav {
|
||||||
|
padding: 10px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
display: block;
|
||||||
|
margin: 5px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<header>
|
||||||
|
<h1>{{TITLE}}</h1>
|
||||||
|
<p class="timestamp">생성 시간: {{TIMESTAMP}}</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<nav>
|
||||||
|
<a href="#summary">작업 요약</a>
|
||||||
|
<a href="#conversation">대화 내용</a>
|
||||||
|
<a href="#changes">코드 변경사항</a>
|
||||||
|
<a href="#results">실행 결과</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
<section id="summary">
|
||||||
|
<h2>📋 작업 요약</h2>
|
||||||
|
{{SUMMARY}}
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="conversation">
|
||||||
|
<h2>💬 대화 내용</h2>
|
||||||
|
{{CONVERSATION}}
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="changes">
|
||||||
|
<h2>📝 코드 변경사항</h2>
|
||||||
|
{{CHANGES}}
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="results">
|
||||||
|
<h2>✅ 실행 결과</h2>
|
||||||
|
{{RESULTS}}
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>Generated by Claude Code Session Reporter</p>
|
||||||
|
<p>File: {{FILE_PATH}}</p>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user