blog-writing-specialist

安装量: 86
排名: #9200

安装

npx skills add https://github.com/manojbajaj95/claude-gtm-plugin --skill blog-writing-specialist

Blog Writing Specialist Comprehensive blog writing combining technical depth, personal voice transformation, and AEO optimization. Quick Decision Tree Input Type Use Section Technical tutorial, deep dive, benchmark Technical Blog Writing Brain dump → polished post Nick Nisi Voice Personal voice (Jarad style) Jarad's Voice Company/product/technology category post Lightfast Category System Not sure Start here, adapt as needed Part 1: Technical Blog Writing Write developer-focused technical blog posts. Post Types 1. Tutorial / How-To Step-by-step instruction. Reader should build something. Structure: 1. What we're building (with screenshot/demo) 2. Prerequisites 3. Step 1: Setup 4. Step 2: Core implementation 5. Step 3: ... 6. Complete code (GitHub link) 7. Next steps / extensions Rule Why Show the end result first Reader knows if worth continuing List prerequisites explicitly Don't waste wrong audience time Every code block should be runnable Copy-paste-run is the test Explain the "why" not just the "how" Tutorials that explain reasoning get shared Include error handling Real code has errors Link to complete code repo Reference after tutorial 2. Deep Dive / Explainer Explains a concept, technology, or architecture decision in depth. Structure: 1. What is [concept] and why should you care? 2. How it works (simplified mental model) 3. How it works (detailed mechanics) 4. Real-world example 5. Trade-offs and when NOT to use it 6. Further reading 3. Postmortem / Incident Report Describes what went wrong, why, and what was fixed. Structure: 1. Summary (what happened, impact, duration) 2. Timeline of events 3. Root cause analysis 4. Fix implemented 5. What we're doing to prevent recurrence 6. Lessons learned 4. Benchmark / Comparison Data-driven comparison of tools, approaches, or architectures. Structure: 1. What we compared and why 2. Methodology (so results are reproducible) 3. Results with charts/tables 4. Analysis (what the numbers mean) 5. Recommendation (with caveats) 6. Raw data / reproducibility instructions 5. Architecture / System Design Explains how a system is built and why decisions were made. Structure: 1. Problem we needed to solve 2. Constraints and requirements 3. Options considered 4. Architecture chosen (with diagram) 5. Trade-offs we accepted 6. Results and lessons Writing Rules for Developers Voice and Tone Do Don't Be direct: "Use connection pooling" "You might want to consider using..." Admit trade-offs: "This adds complexity" Pretend your solution is perfect Use "we" for team decisions "I single-handedly architected..." Specific numbers: "reduced p99 from 800ms to 90ms" "significantly improved performance" Cite sources and benchmarks Make unsourced claims Acknowledge alternatives Pretend yours is the only way What Developers Hate ❌ "In today's fast-paced world of technology..." (filler) ❌ "As we all know..." (if we all know, why writing it?) ❌ "Simply do X" (nothing is simple if reading a tutorial) ❌ "It's easy to..." (dismissive of reader's experience) ❌ "Obviously..." (if obvious, don't write it) ❌ Marketing language in technical content ❌ Burying the lede under 3 paragraphs of context Code Examples Rule Why Every code block must be runnable Broken examples destroy trust Show complete, working examples Snippets without context are useless Include language identifier in fenced blocks Syntax highlighting Show output/result after code Reader verifies understanding Use realistic variable names calculateTotalRevenue not foo Include error handling in examples Real code handles errors Pin dependency versions "Works with React 18.2" not "React" Explanation Depth Audience Signal Depth "Getting started with X" Explain everything, assume no prior knowledge "Advanced X patterns" Skip basics, go deep on nuances "X vs Y" Assume familiarity with both, focus on differences "How we built X" Technical audience, can skip fundamentals State your assumed audience level explicitly at the start. Blog Post Structure The Ideal Structure

Title (contains primary keyword, states outcome) [Hero image or diagram] ** TL;DR: ** [2-3 sentence summary with key takeaway]

The Problem / Why This Matters [Set up why the reader should care — specific, not generic]

The Solution / How We Did It [Core content — code, architecture, explanation]

Step 1: [First thing] [Explanation + code + output]

Step 2: [Second thing] [Explanation + code + output]

Results [Numbers, benchmarks, outcomes — be specific]

Trade-offs and Limitations [Honest about downsides — builds trust]

Conclusion [Key takeaway + what to do next]

Further Reading
[3-5 relevant links]
Word Count by Type
Type
Word Count
Why
Quick tip
500-800
One concept, one example
Tutorial
1,500-3,000
Step-by-step needs detail
Deep dive
2,000-4,000
Thorough exploration
Architecture post
2,000-3,500
Diagrams carry some load
Benchmark
1,500-2,500
Data and charts do heavy lifting
Part 2: Brain Dump → Polished Post (Nick Nisi Voice)
Transform unstructured brain dumps into polished blog posts.
Process
1. Receive the Brain Dump
Accept whatever provided:
Scattered thoughts and ideas
Technical points to cover
Code examples or commands
Conclusions or takeaways
Links to reference
Random observations
Don't require organization. The mess is the input.
2. Read Voice and Tone
Load
references/voice-tone.md
to understand Nick's writing style.
Key characteristics:
Conversational yet substantive
Vulnerable and authentic
Journey-based narrative
Mix of short and long sentences
Specific examples and real details
Self-aware humor
3. Check for Story Potential
Read
references/story-circle.md
to understand the narrative framework.
Determine if content fits a story structure:
Is there a journey from one understanding to another?
Can you identify a problem and resolution?
Does it follow: comfort → disruption → return changed?
4. Organize Content
Structure material into sections:
Common structures:
Problem/experience → Journey → Results → Lessons
Setup → Challenge → Discovery → Application
Philosophy → How-to → Reflection
Current state → Past → Learning → Future
5. Write in Nick's Voice
Opening:
Hook with current position or recent event
Set up tension or question
Be direct and honest
Body:
Vary paragraph length
Use short paragraphs for emphasis
Include specific details (tool names, commands, numbers)
Show vulnerability where appropriate
Use inline code formatting naturally
Break up text with headers
Technical content:
Assume reader knowledge but explain when needed
Show actual commands and examples
Be honest about limitations
Use casual tool references
Ending:
Tie back to opening
Forward-looking perspective
Actionable advice
Optimistic or thought-provoking
Part 3: Jarad's Voice
Personal blog writing with distinctive voice.
Core Voice Patterns
Sentence Structure:
Productive rambling: longer, winding sentences that add layers of context
Preemptively address skeptics mid-thought with fourth-wall breaks
Add specific technical context even when making broad claims
Example: "...ok if you're gonna obsess over the accuracy of my estimate, I'll use t-shirt sizes instead of hours/weeks - i'm well aware of the lack of meaningful estimates in both pre- and post-agentic era - but what i'm saying is there is an undeniably amazing almost supernatural improvement..."
Concrete Over Abstract:
Use specific actions: "trawled GitHub every morning" NOT "pushed boundaries"
Use specific tools/people: "Matt Wolfe, MattVidPro, Claude" NOT "popular YouTubers"
Use vivid personal analogies: "boss staring at you while you work" NOT "incubation phase"
Show insider knowledge: "GitHub pulse > YouTube hype"
Tone Elements:
Direct, almost confrontational: "Use your brain and curate them yourself"
Data-focused even in failure: "Data is data"
Dark self-interest angle: "stashing dynamite in our doomsday bunkers"
Self-aware about exaggeration: acknowledge imprecision before critics do
NEVER Use:
"This isn't X, it's Y" profound-sounding structures
Cliché transitions: "here's the kicker", "here's where it gets interesting"
Abstract action verbs without details: "experimented relentlessly", "pushed boundaries"
Overly polished blog-speak
Clean, explanatory metaphors like "incubation phase"
Header Style:
Minimalistic: 2-4 words maximum
When read in sequence, headers tell their own story
No explanatory subtitles
Example progression: "Flat Charts" → "The Lab" → "Spring 2024" → "The Numbers" → "The Window"
Content Strategy
Opening:
Address the skeptic's question directly
Don't try to be clever - just state what they said
Body:
Share concrete personal experiences with specific details
Break fourth wall to preempt criticism
Name tools, people, communities to show you're in the trenches
Let sentences run long when adding nuance
Bury practical tips in the rambling
Addressing Critics:
Do it mid-paragraph, not in separate defensive sections
Use self-deprecating acknowledgment before they can attack
Then pivot to the actual point
Closing:
Direct callback to opening question
Honest about self-interest and the dark future
End with something that feels human and imperfect
Examples
Bad:
"The shovelware isn't missing. It's incubating."
Good:
"I would say this is more accurately 'an incubation phase'. Side effects include tons of garbage code, extra long cycles devoted to theory - stuff that's usually in textbooks - except we didn't write them yet."
Bad:
"I was hitting these incredible 'a-ha' moments weekly."
Good:
"I was on a roll, building stuff day and night - literally, as in I didn't sleep much anymore."
Bad:
"Experimented relentlessly. Pushed boundaries. Tried to break things."
Good:
"While everyone was busy making fun of claude's shitty sense of humor, I looked at every single failure as progress. Data is data. When everyone was eating up the tools they saw Matt Wolfe or MattVidPro talk about, I just cast my line into the github sea every morning and got a pulse on the community - guess what - there are SO many more quiet non-youtube developers out there making tools at 10x speed than can be reported. Use your brain and curate them yourself."
Part 4: Category-Aware AEO System (Lightfast)
Create category-aware, AEO-optimized blog posts.
Critical: Accuracy Over Marketing
Before writing anything:
Verify every claim:
If you cite a number, confirm the source
If you mention a feature, confirm it exists in production
When uncertain, ask for clarification
Never oversell:
Disclose limitations: "Currently supports X; Y coming in vZ"
Be honest about beta status and rollout timelines
Match category voice:
Technology: Technical authority, data-driven
Company: Visionary, category-defining
Product: Problem-solver, benefit-oriented
Category Selection
Category
Use When
Audience
Technology
Technical deep-dives, architecture, research
Developers, engineers
Company
Funding, partnerships, events, hiring
Executives, investors
Product
Feature launches, updates, tutorials
Customers, prospects
Writing Guidelines
Concise & scannable
Match category word counts
Lead with value
Start with what readers gain
Be transparent
Mention beta status, limitations
Active voice
"You can now..." not "Users are able to..."
No emoji
Professional tone
Include TL;DR
80-100 words for AI citation
FAQ section
3-5 questions matching search queries
Code examples
Required for Technology posts Required Frontmatter Every draft MUST include: title , slug , publishedAt , category (core) excerpt , tldr (AEO) seo.metaDescription , seo.focusKeyword (SEO) _internal.status , _internal.generated (traceability) Part 5: Diagram Generation When to Use Diagrams Scenario Diagram Type Request flow Sequence diagram System architecture Box-and-arrow diagram Decision logic Flowchart Data model ER diagram Performance comparison Bar/line chart Before/after Side-by-side For architecture diagrams and benchmark visualizations: Use diagramming tools (Mermaid, Excalidraw, draw.io) for architecture diagrams and charting libraries (matplotlib, Chart.js) for benchmark visualizations. These tools provide better control, are self-hosted, and avoid third-party execution risks. Part 6: Distribution Where Developers Read Platform Format How to Post Your blog Full article Primary — own your content Dev.to Cross-post (canonical URL back to yours) Markdown import Hashnode Cross-post (canonical URL) Markdown import Hacker News Link submission Show HN for projects, tell HN for stories Reddit (r/programming, r/webdev, etc.) Link or discussion Follow subreddit rules Twitter/X Thread summary + link See twitter-thread-creation skill LinkedIn Adapted version + link See linkedin-content skill Common Mistakes Mistake Problem Fix No TL;DR Busy devs leave before getting the point 2-3 sentence summary at the top Broken code examples Destroys all credibility Test every code block before publishing No version pinning Code breaks in 6 months "Works with Node 20, React 18.2" "Simply do X" Dismissive, condescending Remove "simply", "just", "easily" No diagrams for architecture Walls of text describing systems One diagram > 500 words Marketing tone Developers instantly disengage Direct, technical, honest No trade-offs section Reads as biased marketing Always discuss downsides Giant introduction before content Readers bounce Get to the point in 2-3 paragraphs Unpinned dependencies Tutorial breaks for future readers Pin versions, note date written No "Further Reading" Dead end, no context 3-5 links to deepen understanding Bundled Resources References references/voice-tone.md - Complete Nick Nisi voice and tone guide references/story-circle.md - Story Circle narrative framework Usage Load reference files when writing in specific voices: Nick Nisi voice → read references/voice-tone.md + references/story-circle.md Jarad voice → use Part 3 guidelines Technical writing → use Part 1 & 2 Category-aware → use Part 4
返回排行榜