본문으로 건너뛰기
cccskills
무료GitHub에 공개

kai-html-presentation

Client-ready HTML presentation builder for Kai audit and report folders. Converts weekly audits, monthly audits, marketing reports, scorecards, findings, data-source notes, and action plans into a polished single-file HTML deck with sourced metrics, executive slides, speaker notes, and delivery-ready styling. Use when "HTML presentation", "HTML deck", "client-ready audit deck", "turn this audit into slides", "present the weekly audit", "present the monthly audit", or any request to deliver Kai reports as HTML slides.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(1)

  • SKILL.md6.2 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

/kai-html-presentation — Client-Ready Audit Deck

Kai root note: knowledge/, harness/, and scripts/ paths in this skill live in the Kai install, not the user's project. Resolve them against the first ancestor directory of this SKILL.md that contains a knowledge/ folder (the Kai plugin root, ~/.claude/kai, or the kai-cmo-harness repo). MARKETING.md, memory/, and any output files live in the current project. If a referenced scripts/ command is not available in this install, say so, skip it, and continue with the file-based guidance — never fabricate its output.

Objective

A single-file HTML deck a client can be walked through, built entirely from an audit or report folder that already contains sourced findings and data gaps. Every number on a slide carries a source footer; missing data appears as a Data Gaps slide rather than as a blank.

This skill is for delivery, not analysis. It adds presentation, never findings.

Done when

Work type audit-report — floor E3/C4/O1 (harness/eco-floors.yaml). The deck is the client-facing form of an audit and inherits its floor.

  • E3 — a named human approved the exact deck file, and every quantitative claim on a slide resolves to a claim that already exists in the source artifacts with a source.
  • C4 — the Kai Data Provenance Rule holds: audit_provenance_lint.py passes on the source folder, the data mode is on the title slide, every number has a source footer, and _data-gaps.md is represented as a slide.
  • O1 — the actions slide names, per action, the metric it targets. A deck whose recommendations move nothing nameable is not finished.

Constraints

  • The source folder must already hold sourced findings and data gaps. Read _data-sources.md, _data-gaps.md, audit-data.json or kai-data.json, and the main report files before building. If there is no clear source folder, ask for the path. Accepted inputs: workspace/audits/weekly/<YYYY-MM-DD>/, workspace/audits/monthly/<YYYY-MM>/, workspace/marketing-audit/, or any SEO/CRO/report folder carrying _data-sources.md and _data-gaps.md.
  • Run the lint when the source folder is an audit:
    python scripts/quality_gates/audit_provenance_lint.py <source-folder> --audit-dir
    
  • No new quantitative claims. A number reaches a slide only if it exists in the source artifacts with a source. Every slide carrying a number carries a source footer. Missing data stays visible as a Data Gaps slide.
  • No placeholder text ships. The template's placeholders are all replaced with real sections from the source folder.
  • Build from the template. Start from assets/audit-deck-template.html in the kai-html-presentation skill directory and copy it to <source-folder>/html-presentation/index.html before replacing content.
  • Length: 8-14 slides for weekly audits, 10-18 for monthly audits.
  • Design: first slide identifies client, audit period, data mode, and retrieval date. Prefer dense, readable operator slides over marketing hero pages. Tables for scorecards, decisions, source inventory, and action plans. Short chart-like HTML blocks for trends only when the values are sourced. Text stays inside its containers at desktop and mobile widths. Restrained color — neutral background, dark text, one accent, status colors. No nested cards or decorative blobs. Key facts never live only inside images or screenshots.
  • Slide shape:
    <section class="slide">
      <header>
        <p class="eyebrow">Audit period</p>
        <h2>Slide title</h2>
      </header>
      <div class="slide-body">
        <!-- source-backed content -->
      </div>
      <footer>Sources: ...</footer>
    </section>
    
    Use data-mode, source-tier, and retrieved-at labels where helpful.
  • Approval doctrine: the deck is a delivery artifact. Nothing here publishes, sends, or mutates a live channel.

Context

NeedLoad
Deck skeleton and stylingassets/audit-deck-template.html (in this skill's directory)
Source ledgers and collected numbers_data-sources.md, _data-gaps.md, audit-data.json / kai-data.json in the source folder
Provenance modes, source tiers, gap handlingharness/references/audit-data-provenance.md
Dashboard spec or data contract instead of slides/kai-data-dashboard

Required slide order — weekly audit: title and audit scope · executive snapshot · weekly scorecard · what changed this week · red and yellow flags · channel findings · conversion and lead capture · paid/content/SEO highlights when applicable · this week's actions · data sources and gaps.

Required slide order — monthly audit: title and audit scope · executive summary · 30-day scorecard · KPI trend summary · channel decisions · conversion and lead capture · search and AEO health · paid media and budget decision when applicable · lifecycle, retention, or reputation findings when applicable · strategic learning · next-month plan · data sources and gaps.

Output: <source-folder>/html-presentation/index.html, and optionally <source-folder>/html-presentation/notes.md for presenter notes that should not appear on client slides. Report the deck path in the final response.

Escalate when

  • The source folder has no _data-sources.md / _data-gaps.md, or its findings are unsourced — the deck would launder unsourced claims into a client-facing artifact.
  • The provenance lint fails and the fix would require inventing or re-deriving a number.
  • The client wants a number, trend, or comparison the source folder does not contain.
  • The source folder is internal_demo but the deck is headed to a real client.
  • The ask is analysis rather than delivery — route to the audit skill that owns the finding.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

ad-copy

무료

Write platform-compliant ad copy for Meta, Google, TikTok, LinkedIn, Pinterest, Snapchat, Amazon, or X. Loads TOS rules automatically. Shows char counts and format preview.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

cgallic/kai-cmo-harness572026년 10월 19일 업데이트

ad-render

무료

Render video ads using Remotion. Scaffolds a project from brand tokens + creative brief, generates scene compositions for 4 archetypes, renders to MP4 in multiple formats.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

cgallic/kai-cmo-harness572026년 10월 19일 업데이트

Research competitor ads using Meta Ad Library, Google Ads Transparency Center, and TikTok Creative Center. Analyze creative patterns, hooks, offers, and landing pages.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

cgallic/kai-cmo-harness572026년 10월 19일 업데이트

checklist

무료

Surface the right marketing checklist for any task. Covers content, SEO, ads, email, press, landing pages, launches, and technical audits. 17+ checklists indexed by task type.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

cgallic/kai-cmo-harness572026년 10월 19일 업데이트

Generate a strategic content brief from format + site + keyword. Auto-resolves persona, pulls GSC data, generates hooks, angles, and competitor weakness via LLM.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

cgallic/kai-cmo-harness572026년 10월 19일 업데이트

Run the full quality gate on any content file. Score against 28 rules, apply policy, show detailed scorecard with fix suggestions. Works on any markdown file.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

cgallic/kai-cmo-harness572026년 10월 19일 업데이트

cgallic의 스킬 모두 보기

이 스킬의 문제 신고