跳到正文
cccskills
免费在 GitHub 公开

session-to-post

Converts a Claude Code session into a blog post, case study, or Reddit post. Use when publishing dev blog content or community posts from real sessions.

中文简介正在准备中。当前显示原文说明。

集成工具RedditPlaywright
查看安装方法

包含的文件(4)

  • SKILL.md9.7 KB
  • modules/narrative-structure.md3.5 KB
  • modules/reddit-format.md3.8 KB
  • modules/session-extraction.md2.4 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Session to Post

Capture what happened in a Claude Code session and turn it into a blog post, case study, or social media thread that others can learn from.

The skill extracts the real story from git history, file changes, and conversation context, then shapes it into a narrative that shows process, not just results.

When To Use

  • After completing a meaningful chunk of work you want to share
  • Creating dev blog content from real sessions
  • Building case studies for tools, libraries, or techniques
  • Producing marketing content that demonstrates capability
  • Documenting a process for teammates who weren't in the session
  • Sharing a session story with a Reddit community (r/programming, r/rust, r/Python, r/ClaudeAI, etc.)

When NOT To Use

  • Writing API reference documentation (use scribe:doc-generator)
  • Creating step-by-step tutorials (use scribe:tech-tutorial)
  • Cleaning up existing prose (use scribe:slop-detector)
  • Internal project documentation (use sanctum:doc-updates)

Integration Points

This skill connects to several others in the ecosystem. Use them when the post needs more than prose.

NeedSkillWhat it adds
Terminal demo GIFscry:vhs-recordingRecord a build/test run as an animated GIF
Browser demo GIFscry:browser-recordingCapture a web UI walkthrough via Playwright
Composite mediascry:media-compositionStitch terminal and browser GIFs side-by-side
Proof of claimsimbue:proof-of-workVerify every number in the post with evidence
Code quality narrativepensive:code-refinementDescribe what was cleaned up and why
Review narrativeimbue:structured-reviewCapture review findings as post content
Change summaryimbue:catchupSummarize what changed for the post's "The Work" section
Diff analysisimbue:diff-analysisRisk-scored change breakdown for technical audiences

Recording Integration (scry)

When the post describes something visual (a running app, a test suite, a build pipeline) capture it instead of describing it.

Terminal recordings (build output, test runs, CLI demos):

Invoke Skill(scry:vhs-recording) with a tape that runs:
  make test        → shows 180 tests passing
  make play        → shows the build + server startup

Browser recordings (web apps, rendered output):

Invoke Skill(scry:browser-recording) with a Playwright spec that:
  navigates to the app
  interacts with it
  captures the result

Composition (side-by-side before/after, terminal and browser):

Invoke Skill(scry:media-composition) to stitch recordings into
a single visual that tells the story.

Place generated GIFs in docs/posts/assets/ and reference them from the markdown with relative paths.

Proof-of-Work Integration (imbue)

Every claim in the post should be verifiable. Before finalizing:

Invoke Skill(imbue:proof-of-work) to:
  - Tag each claim with [E1], [E2], etc.
  - Run verification commands
  - Report PASS / FAIL / BLOCKED

This prevents publishing posts with stale numbers or broken examples.

Methodology

Step 1: Extract Session Context

Load the session-extraction module for the full checklist.

Gather raw material from what actually happened:

  1. Git history: commits since the session started:
    git log --oneline --since="<session_start>" --stat
    
  2. File inventory: what was created and changed:
    git diff --stat <start_commit>..HEAD
    
  3. Test results: concrete evidence of what works:
    cargo test  # or the project's test command
    
  4. Metrics: scope and scale:
    find . -name "*.rs" -not -path "*/target/*" | xargs wc -l
    
  5. Conversation context: the user's goals, constraints, and decisions made during the session

Step 2: Identify the Story

Every session post answers three questions:

  1. What were we trying to do?: the goal, not the task list
  2. What did we actually do?: the real path, including pivots
  3. What came out of it?: concrete, measurable results

Look for:

  • The hook: what makes this interesting? A hard problem, a surprising approach, an impressive result
  • Turning points: where did the plan change? What broke? What worked unexpectedly?
  • The number: one metric that captures the outcome (lines written, tests passing, performance gain, time saved)

Step 3: Draft the Post

Choose format first:

FormatModuleWhen
Blog postnarrative-structureDev blog, company blog, personal site
Case studynarrative-structureMarketing, tool demonstrations
Social threadnarrative-structureTwitter/X, Bluesky, LinkedIn
Reddit postreddit-formatCommunity engagement, r/programming etc.

For Reddit: load modules/reddit-format.md instead of the blog template below. The structure, tone, and quality gate differ.

Load the narrative-structure module for blog/case-study templates.

Blog post structure (adapt to content):

# Title: [Verb] + [What] + [With What]

## Opening (2-3 sentences)
What we set out to do and why. No throat-clearing.

## Starting Point
Where things stood before. Concrete: file counts, code state,
what worked and what didn't.

## The Work
Key phases. Focus on decisions and pivots, not keystrokes.
- Phase 1: [what and why]
- Phase 2: [what and why]
Include GIFs from scry recordings where visual.

## How We Tested It
What verification looked like. Show the test run, the proof-of-work
evidence. Include terminal recording GIF of tests passing.

## Results
Hard numbers. Before/after. What works now.
Screenshots or browser recording GIF if visual.

## What's Next
Honest remaining work. No false completeness.

Tone:

  • Write like explaining to a colleague over coffee
  • Specifics over adjectives ("180 tests" not "comprehensive suite")
  • Show the mess: readers connect with pivots and debugging
  • Credit the tools and techniques that made it work
  • Under 1500 words unless the content demands more

Step 4: Quality Gate

For blog posts and case studies:

  1. Slop check: Skill(scribe:slop-detector) on the draft
  2. Proof-of-work: Skill(imbue:proof-of-work) on all claims
  3. Recording check: does any section need a GIF?
  4. Title test: would you click this? Does it promise something specific?
  5. Opening test: does paragraph one say what the post is about?

For Reddit posts (additional gates):

  1. TL;DR present: is it after --- at the end?
  2. Lede not buried: is the most interesting thing in the first two sentences?
  3. Subreddit fit: does the content match the target subreddit's norms? Check the subreddit's top posts of the month.
  4. First comment drafted: are the repo link and any reference material ready to post as a follow-up comment?
  5. Header count: if the post is under 600 words, are headers absent (or replaced with bold inline labels)?

Step 5: Output

Write the post to the requested location (default: docs/posts/).

Report:

  • Format used (blog post / case study / Reddit post)
  • Word count
  • Slop score (blog/case-study only)
  • Verifiable claims count
  • Recordings generated (if any)
  • For Reddit: target subreddit and first-comment content

Example

A session that ported a Quake 2 engine from C to Rust:

Title: Rewriting a Quake 2 Engine in Rust with Claude Code

Opening: We took a 150,000-line C game engine and started rewriting it in Rust targeting WebAssembly. In one session we went from an empty workspace to a prototype loading real game data in the browser.

Starting point: A Yamagi Quake II fork compiled with Emscripten. Goal: idiomatic Rust with wasm-bindgen, glow for WebGL2, and matchbox for P2P multiplayer.

The work: Seven parallel agents built subsystems (collision, movement, filesystem, networking, renderer, server, client) while the main session coordinated integration. A Makefile with prerequisite checks automated the full build-to-browser pipeline including game data download.

How we tested: 180 unit tests across 13 crates. BSP loading verified against real Quake 2 demo pak0.pak. Browser diagnostics logged every init step. [Terminal GIF: make test output]

Results: 10,950 lines of Rust, 180 tests, real game data loading and flat-shaded BSP rendering in the browser with WASD movement and mouse look.

What's next: Textured rendering, collision debugging, sound, menus, multiplayer.

Every claim is checkable: line counts from wc -l, test counts from cargo test, file counts from filesystem log output.

Exit Criteria

  • Format selected (blog post, case study, or Reddit post)
  • Session brief compiled from git history and conversation context
  • Draft written to docs/posts/ (or specified path)
  • For blog/case-study: slop score reported, all claims tagged with evidence references
  • For Reddit: TL;DR present, lede in first two sentences, target subreddit identified, first comment drafted
  • Word count and verifiable claim count reported
  • Incomplete or unverifiable claims are flagged, not silently dropped

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Shapes turns action-first: action leads, steps numbered, state restated. Use for ADHD-friendly output. Do not use to trim tokens; use response-compression.

中文简介正在准备中。当前显示原文说明。

athola/claude-night-market3432026年10月17日 更新

Inverts burden of proof for code additions. Use when reviewing PRs, planning refactors, or running unbloat to challenge every addition's necessity.

中文简介正在准备中。当前显示原文说明。

athola/claude-night-market3432026年10月17日 更新

Tracks per-agent token usage and flags waste in parallel dispatch. Use when evaluating parallel agent efficiency or after a multi-agent run.

中文简介正在准备中。当前显示原文说明。

athola/claude-night-market3432026年10月17日 更新

Coordinates Claude agent teams via filesystem protocol. Use when orchestrating parallel agents with task dependencies. Do not use for single-agent tasks.

中文简介正在准备中。当前显示原文说明。

athola/claude-night-market3432026年10月17日 更新

Evaluates API surface design, consistency, and exemplar alignment. Use when reviewing public API changes or before releasing a new API surface.

中文简介正在准备中。当前显示原文说明。

athola/claude-night-market3432026年10月17日 更新

Selects architecture paradigm via research before scaffolding. Use when architecture is undecided and the choice needs justification and documentation.

中文简介正在准备中。当前显示原文说明。

athola/claude-night-market3432026年10月17日 更新

查看 athola 的全部技能

报告此技能的问题