reportme

Solid

Turn a topic or your own materials into a single self-contained, interactive HTML report — top tabs, clickable reference drawers, dense tables, comparison heatmaps, inline SVG diagrams, in-page search, a light/dark/system theme toggle, and a mobile-collapsible subtab panel — written in the user's language, quality-checked by a multi-agent review plus a bundled structural-consistency validator script. The output is ONE HTML file that opens directly from disk (all CSS/JS/data inline) — no server, no build step; local-first by default, with optional GitHub Pages publishing (explicit `publish` request only) and multilingual variants as per-language files linked by a static language switcher (≤3 languages recommended). Detects topic and language, proposes a tab/section structure that fits the report, and (if the user already has data) renders it into the design instead of researching. Includes per-language proofreading (strictest for Korean) and optional SVG diagrams. Use for requests like "/reportme", "make a rep

Data & Documents 1 stars 0 forks Updated 1 weeks ago MIT

Install

View on GitHub

Quality Score: 78/100

Stars 20%
10
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# Report Me — 단일 파일 인터랙티브 보고서 제작 스킬 주제(`TOPIC`) 또는 **사용자가 가진 자료**를 받아, **단일 자립형 HTML 보고서 1개**를 만드는 스킬이다. 상단 탭·클릭 참조 드로어·밀집 표·비교 히트맵·인라인 SVG·페이지 내 검색을 갖춘 인터랙티브 보고서로, **CSS·JS·데이터가 전부 파일 안에 인라인**돼 있어 **디스크에서 바로 열리고 서버·빌드·배포가 필요 없다.** `/reportme` 로 호출하거나 "보고서 만들어줘" 같은 요청에 자동으로 동작한다. > **TeachMe(핸드북 스킬)와의 차이:** TeachMe는 다중 파일 학습 핸드북을 GitHub Pages에 출판한다. ReportMe는 **단일 파일 보고서**를 만들며 **기본은 배포하지 않는다**(로컬 파일로 전달·공유). 사용자가 `publish`를 요청하면 그 단일 파일(들)을 TeachMe와 같은 방식(비공개 저장소 + 공개 Pages, `docs/`)으로 게시할 수 있다(§12.5). 디자인은 상단 탭 + 우측 참조 드로어의 밀집 보고서 스타일이다. > **구조는 flat부터 계층까지:** 기본은 상단 탭(flat)이고, 필요하면 한 탭 안을 **중첩 서브탭**(2단계)으로 나누거나 **HTML5 `<details>` 아코디언**으로 접을 수 있다(§8-A). 페이지 내 검색은 숨은 서브탭·접힌 아코디언 안의 일치도 찾아 자동으로 펼친다. ## 명령 규격 — `/reportme [서브커맨드] [옵션] "<주제 또는 자료 설명>"` `$ARGUMENTS`를 다음 규칙으로 해석한다. **첫 토큰이 알려진 서브커맨드면 그것으로, 아니면 `new`로 간주**하고 나머지를 주제/자료로 본다. **서브커맨드** | 명령 | 하는 일 | |------|---------| | `new "<주제/자료>"` (기본) | 새 보고서 생성. (자료조사 또는 자료 수집)→구성제안→작성→검증→(SVG)→단일 HTML 산출. `new`는 생략 가능. | | `add <tab\|subtab\|section\|accordion\|heatmap\|figure\|ref> ["<내용>"]` | 기존 보고서에 탭·중첩 서브탭·섹션·아코디언·히트맵·도식·참조 항목 추가. | | `render <경로\|URL>` | 사용자가 준 자료를 **리서치 없이** 이 디자인으로 렌더. **파일 경로**(MD·JSON·표·CSV 등)든 **URL**(웹 문서·공개 자료 — 읽기 전용 WebFetch로 수집)이든 전달하면 참조한다. | | `update [경로]` | 기존 산출 HTML을 **대화식**으로 수정·재검증. | | `open [경로]` | 산출 HTML을 브라우저로 열어 인터랙션(탭·드로어·검색) 확인. | | `verify [경로]` | `scripts/validate_report.py` 구조 정합성 점검(§13-0) + 내용 재검수(§6/§7) 또는 렌더 검증(agent-browser/Playwright). | | `publish [경로]` | **(...

Details

Author
beret21
Repository
beret21/reportme
Created
1 weeks ago
Last Updated
1 weeks ago
Language
HTML
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

Code & Development Solid

teachme

Turn any topic into a searchable, themed handbook or full study material (reference, hands-on practice, narrative chapters, quiz/Q&A) written in the user's own language, quality-checked by a multi-agent review, and published to GitHub Pages as a static site. Detects topic and language from the user, proposes a structure that fits the topic, and deploys (private repo + public Pages; free accounts warned). Includes site-wide + in-page search, 6 color themes, optional SVG diagrams, per-language proofreading (strictest for Korean), and a pre-deploy secret scan. Use for requests like "/teachme", "make/build a handbook", "build a guide or docs site", "create study material", or in Korean "핸드북/가이드 사이트 만들어줘", "교재 만들어줘", "기술 문서 사이트 출판".

5 Updated 1 weeks ago
beret21
Data & Documents Listed

report

작업 내용을 프로젝트 `private/`에 마크다운 보고서 파일로 작성하는 스킬. 다음 표현이 나오면 반드시 이 스킬을 사용할 것: "보고서 작성해줘", "report 올려줘", "작업 보고해줘", "완료 보고해줘", "분석 보고해줘", "의사결정 요청해줘". 작업을 완료했거나, 분석 결과를 정리했거나, 사용자에게 선택을 요청해야 할 때도 자동으로 이 스킬을 사용한다. (구현 계획서는 이 스킬이 아니라 `draft-plan`이 담당한다.)

0 Updated today
gagip
Data & Documents Listed

generate-html-report

Generate a rich, self-contained HTML document instead of a long Markdown file — for specs & plans, PR/code-review explainers, design mockups & prototypes, research/status reports, or throwaway editing UIs. Use when the user asks to write a "report", wants a PR or piece of code explained visually, wants to compare design options, needs a research or status writeup, wants a diagram/flowchart, or when a Markdown plan/spec is getting too long to read comfortably.

1 Updated today
atman-33