MCP HubMCP Hub
스킬 목록으로 돌아가기

x-devs

jonathimer
업데이트됨 2 days ago
5 조회
76
4
76
GitHub에서 보기
메타design

정보

x-devs 스킬은 효과적인 기술 스레드 작성과 개발자 대상 독자의 공감대를 형성하는 방법을 이해함으로써, 개발자들이 Twitter/X에서 팔로워를 늘리는 데 도움을 줍니다. 이 스킬은 스레드 구조, 코드 제시 방법, 진정성 있는 소통 전략에 대한 지침을 제공합니다. "테크 트위터," "기술 스레드," "개발자 팔로워 구축"과 같은 용어가 언급될 때 이 스킬을 사용하세요.

빠른 설치

Claude Code

추천
기본
npx skills add jonathimer/devmarketing-skills -a claude-code
플러그인 명령대체
/plugin add https://github.com/jonathimer/devmarketing-skills
Git 클론대체
git clone https://github.com/jonathimer/devmarketing-skills.git ~/.claude/skills/x-devs

Claude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요

문서

X/Twitter for Developers

Twitter/X remains the real-time pulse of the developer community. This skill covers thread structure, code screenshots, engagement tactics, and building an authentic developer following without being cringe.


Before You Start

  1. Read .agents/developer-audience-context.md if it exists
  2. Audit your current X presence (bio, pinned, recent posts)
  3. Understand: Developer Twitter rewards authenticity and technical depth

Understanding Dev Twitter

Who's on Dev Twitter

SegmentWhat they shareWhat they consume
Open source maintainersProject updates, war storiesIndustry news, peer projects
Tech leadsTeam learnings, hiringArchitecture, management
Indie hackersBuilding in public, MRRGrowth tactics, tools
DevRelContent, events, communityTrends, developer sentiment
Framework authorsUpdates, opinionsFeedback, community vibes
Learning devsQuestions, progressTutorials, inspiration

What Works on Dev Twitter

Content typeEngagement levelNotes
Technical threadsHighDeep dives get saved/shared
Code screenshotsHighVisual, scannable
Hot takesHigh (risky)Can backfire spectacularly
Building in publicHighJourney > destination
MemesMedium-highKnow your audience
AnnouncementsMediumBetter with context
Tutorial linksMediumNeed compelling hook
Retweets with commentLow-mediumAdd real value
Plain linksLowAlgorithm deprioritizes

The Algorithm (As We Understand It)

FactorImpact
Replies in first hourHigh — signals engagement
Time spent on postHigh — threads > tweets
Profile visits from postHigh — interesting content
BookmarksHigh — "save for later"
RetweetsMedium — distribution
LikesMedium — engagement signal
Link clicksLow — X wants you on platform
External linksNegative — deprioritized

Thread Structure

Thread Anatomy

Tweet 1: HOOK
↓
Tweet 2: Context/Promise
↓
Tweets 3-8: The meat (examples, steps, insights)
↓
Tweet 9: Summary/Takeaway
↓
Tweet 10: CTA + Engagement ask

Hook Patterns That Work

PatternExample
Contrarian"Hot take: You don't need Kubernetes for most apps"
Promise"How we reduced our AWS bill by 60% (thread)"
Story"Last week our API went down for 4 hours. Here's what happened:"
List tease"7 TypeScript tricks that changed how I code:"
Question"Why do most startups get database migrations wrong?"
Result"We went from 0 to 10K users in 30 days. Here's the playbook:"

Thread Writing Best Practices

ElementGuideline
Length5-12 tweets optimal
First tweetHook — no hashtags, no links
Each tweetOne idea, complete thought
NumberingUse X/10 format or emoji bullets
CodeScreenshots > text (more engaging)
PacingMix short punchy + longer explanatory
Last tweetCTA: follow, reply, bookmark

Thread Template

🧵 [Hook: Compelling statement or question]

Here's what I learned [context]:

1/ [First key point]

[Supporting detail or example]

2/ [Second key point]

[Code screenshot or visual]

3/ [Third key point]

The counterintuitive part:

[Insight that surprises]

4/ [Fourth key point]

Common mistake to avoid:

[What not to do and why]

5/ [Summary]

TL;DR:
• Point 1
• Point 2
• Point 3

If this was helpful, give me a follow @handle for more [topic].

What's your experience with [topic]? 👇

Code Screenshots

Why Screenshots Beat Code Blocks

ScreenshotsCode blocks
Syntax highlightingPlain text
Control over appearancePlatform formatting
Can include contextJust code
More visual stopsScroll past
Better engagementLower engagement

Code Screenshot Tools

ToolBest for
Carbon (carbon.now.sh)Beautiful, customizable
Ray.soClean, modern
SnappifyAnnotations, animations
CodeSnap (VS Code)Quick from editor
Silicon (CLI)Automation

Screenshot Best Practices

DoDon't
Use dark themeLight theme (harder to read)
Include file nameRemove context
Highlight key linesShow walls of code
Keep width reasonableMake text tiny
Use consistent stylingDifferent themes per post
Add comments in codeExplain separately only

Engagement Timing

Best Posting Times

Time (PT)AudienceNotes
6-8 AMUS East Coast + EuropeMorning scroll
10 AM - 12 PMPeak USLunch break
4-6 PMUS evening + Europe lateEnd of workday

Posting Frequency

FrequencyEffect
1-3 tweets/daySustainable, quality
3-5 tweets/dayGrowth mode
5+ tweets/dayRisk of overexposure
1 thread/weekGood cadence
2-3 threads/weekAggressive growth

Thread Timing

  • Post threads in morning (7-10 AM PT)
  • Engage replies for first 2 hours
  • Quote tweet your thread later in day
  • Post follow-up content same day

Hashtags (Use Sparingly)

Developer Hashtags

HashtagUse for
#buildinpublicIndie hacker updates
#devrelDevRel content
#100DaysOfCodeLearning journey
#opensourceOSS announcements
#webdevWeb development
#javascript #python etc.Language-specific

Hashtag Rules

DoDon't
Max 1-2 per tweetStuff with hashtags
Put at endLead with hashtags
Use for discoverabilityUse on every post
Skip in threadsAdd to every tweet

Building a Dev Following

The Flywheel

  1. Create valuable content → People engage
  2. Engage with replies → Build relationships
  3. Reply to others' posts → Get discovered
  4. Consistency → Algorithm favors you
  5. Followers grow → More reach
  6. Repeat

Profile Optimization

ElementBest practice
PhotoClear face, professional
NameReal name (or consistent handle)
BioWhat you do + what you tweet about
LinkYour most important URL
Pinned tweetYour best/most representative content
HeaderOn-brand, not cluttered

Bio formula:

[Role] at [Company/Project]. Building [what].
Tweeting about [topics]. [Credibility signal].

Examples:

Engineering @ Vercel. Building the web, one component at a time.
Tweeting about React, Next.js, and developer experience.

Indie hacker. Building saas.com ($10K MRR).
Writing about startups, coding, and building in public.

Reply Strategy

Reply toWhy
Big accounts in your nicheVisibility to their audience
People asking questions you can answerDemonstrate expertise
Your followersBuild relationships
Controversial takesJoin the conversation (carefully)

Good reply patterns:

  • Add information they missed
  • Share your experience
  • Ask thoughtful follow-up
  • Respectfully disagree with reasoning

What to Avoid (The Cringe Zone)

Content That Fails

TypeWhy it fails
Humble brags"So humbled to be named Top 100..."
Engagement bait"Like if you agree!"
Empty motivation"Keep grinding!"
Obvious pitches"Check out our product!"
Excessive hashtagsLooks spammy
Copied threadsPeople notice
AI-generated slopObvious and hollow
Thread guys formulaOverused patterns

Behaviors to Avoid

BehaviorWhy it hurts
Buying followersFake engagement, obvious
Engagement podsManipulated, not real reach
Aggressive follow/unfollowLooks desperate
DM pitchingSpam, burns bridges
Arguing publiclyRarely looks good
Dunking on peopleShort-term engagement, long-term reputation
Deleting unpopular takesOwn your opinions

The Authenticity Test

Before posting, ask:

  1. Would I say this in person?
  2. Is this genuinely useful or interesting?
  3. Am I adding to the conversation?
  4. Would I respect someone who posted this?

Platform-Specific Do's and Don'ts

Do's

  1. Do share real experiences and learnings
  2. Do use visuals (code screenshots, diagrams)
  3. Do engage in first hour after posting
  4. Do build in public authentically
  5. Do reply thoughtfully to others
  6. Do share credit and amplify others
  7. Do be consistent in posting schedule
  8. Do have opinions (respectfully)

Don'ts

  1. Don't be a reply guy with no original content
  2. Don't use AI to generate generic content
  3. Don't copy popular threads verbatim
  4. Don't pitch in DMs uninvited
  5. Don't use more than 2 hashtags
  6. Don't post links without context
  7. Don't be negative/dunking constantly
  8. Don't automate engagement

Content Calendar

Weekly Template

DayContent type
MondayThread (educational)
TuesdayQuick tip or insight
WednesdayEngage/reply heavy
ThursdayShare someone else's great content
FridayPersonal/behind the scenes
WeekendOptional: light content

Content Mix

TypePercentage
Educational/useful50%
Personal/journey25%
Opinions/takes15%
Promotional10%

Tools

ToolUse case
OctolensMonitor Twitter/X for mentions of your product, competitors, and relevant conversations. Get alerts when people discuss problems you solve.
CarbonBeautiful code screenshots
TypefullyThread drafting and scheduling
Buffer/HootsuiteScheduling
TweetDeckMulti-column management
FollowerwonkAudience analysis

Thread Checklist

Before posting:

  • Hook is compelling (no links, no hashtags)
  • Each tweet is a complete thought
  • Code is in screenshots, not text
  • Thread is 5-12 tweets
  • Summary/TL;DR included
  • CTA at the end
  • Scheduled for optimal time
  • Ready to engage for first 2 hours

Related Skills

  • developer-audience-context — Know who you're talking to
  • dev-to-hashnode — Turn threads into blog posts
  • linkedin-technical — Cross-post for B2B reach
  • hacker-news-strategy — Drive traffic from X to HN posts

GitHub 저장소

jonathimer/devmarketing-skills
경로: skills/x-devs
0

연관 스킬

content-collections

메타

이 스킬은 콘텐츠 콜렉션(Content Collections)을 위한 프로덕션 검증된 설정을 제공합니다. 콘텐츠 콜렉션은 Markdown/MDX 파일을 Zod 검증이 포함된 타입 안전한 데이터 콜렉션으로 변환해주는 TypeScript 최우선 도구입니다. 블로그, 문서 사이트 또는 콘텐츠 중심의 Vite + React 애플리케이션을 구축할 때 타입 안전성과 자동 콘텐츠 검증을 보장하기 위해 사용하세요. Vite 플러그인 구성과 MDX 컴파일부터 배포 최적화 및 스키마 검증에 이르기까지 모든 것을 다룹니다.

스킬 보기

polymarket

메타

이 스킬은 개발자들이 Polymarket 예측 시장 플랫폼을 활용한 애플리케이션을 구축할 수 있도록 지원하며, 거래 및 시장 데이터를 위한 API 통합 기능을 포함합니다. 또한 WebSocket을 통한 실시간 데이터 스트리밍을 제공하여 실시간 거래와 시장 활동을 모니터링할 수 있습니다. 이를 통해 거래 전략을 구현하거나 실시간 시장 업데이트를 처리하는 도구를 생성하는 데 활용할 수 있습니다.

스킬 보기

creating-opencode-plugins

메타

이 스킬은 개발자들이 명령어, 파일, LSP 작업 등 25개 이상의 이벤트 유형에 연결되는 OpenCode 플러그인을 만들 수 있도록 돕습니다. JavaScript/TypeScript 모듈을 위한 플러그인 구조, 이벤트 API 명세, 구현 패턴을 제공합니다. OpenCode AI 어시스턴트의 라이프사이클을 사용자 정의 이벤트 기반 로직으로 가로채거나, 모니터링하거나, 확장해야 할 때 사용하세요.

스킬 보기

sglang

메타

SGLang은 RadixAttention 프리픽스 캐싱을 활용하여 JSON, 정규식, 에이전트 워크플로우를 위한 고속 구조화 생성에 특화된 고성능 LLM 서빙 프레임워크입니다. 특히 반복되는 프리픽스가 있는 작업에서 상당히 빠른 추론 속도를 제공하여 복잡한 구조화 출력 및 다중 턴 대화에 이상적입니다. 제약 디코딩이 필요하거나 광범위한 프리픽스 공유가 있는 애플리케이션을 구축할 때는 vLLM과 같은 대안보다 SGLang을 선택하십시오.

스킬 보기