<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: John yuan</title>
    <description>The latest articles on DEV Community by John yuan (@johnyuan00).</description>
    <link>https://dev.to/johnyuan00</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3966044%2F19b4c789-c0a6-4fba-82f6-95a81a662390.png</url>
      <title>DEV Community: John yuan</title>
      <link>https://dev.to/johnyuan00</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/johnyuan00"/>
    <language>en</language>
    <item>
      <title>A Markdown-First AI Workflow for Developers Growing on X</title>
      <dc:creator>John yuan</dc:creator>
      <pubDate>Wed, 03 Jun 2026 14:43:38 +0000</pubDate>
      <link>https://dev.to/johnyuan00/a-markdown-first-ai-workflow-for-developers-growing-on-x-2hi2</link>
      <guid>https://dev.to/johnyuan00/a-markdown-first-ai-workflow-for-developers-growing-on-x-2hi2</guid>
      <description>&lt;p&gt;Most developers do not need more "content ideas." They already have them.&lt;/p&gt;

&lt;p&gt;Every week you debug problems, read docs, watch demos, compare tools, test APIs, and explain decisions. That is useful material. The hard part is turning it into public writing without starting from a blank page every day.&lt;/p&gt;

&lt;p&gt;The workflow that works best for me is simple:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;technical source -&amp;gt; Markdown note -&amp;gt; AI distillation -&amp;gt; X post -&amp;gt; weekly review
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Markdown is the key middle layer. It is portable, easy to edit, easy to paste into AI tools, and easy to turn into blog posts, docs, newsletters, or social posts.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. Start With a Clear Content Promise
&lt;/h2&gt;

&lt;p&gt;Before collecting anything, decide what people should expect from your account.&lt;/p&gt;

&lt;p&gt;Examples:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;"I explain AI engineering workflows with runnable examples."&lt;/li&gt;
&lt;li&gt;"I share lessons from building small SaaS tools."&lt;/li&gt;
&lt;li&gt;"I test developer tools and explain the tradeoffs."&lt;/li&gt;
&lt;li&gt;"I turn messy technical docs into practical implementation notes."&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The promise matters because it filters your sources. If your account is about AI engineering, not every interesting productivity article belongs in your library.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Build a Markdown Source Library
&lt;/h2&gt;

&lt;p&gt;Instead of saving random links, convert useful material into short Markdown notes.&lt;/p&gt;

&lt;p&gt;Good sources include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;docs pages&lt;/li&gt;
&lt;li&gt;technical blog posts&lt;/li&gt;
&lt;li&gt;conference talks&lt;/li&gt;
&lt;li&gt;YouTube transcripts&lt;/li&gt;
&lt;li&gt;podcast show notes&lt;/li&gt;
&lt;li&gt;public X posts or threads&lt;/li&gt;
&lt;li&gt;Reddit discussions&lt;/li&gt;
&lt;li&gt;your own build logs and incident notes&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You can use any stack here. A reader app, Obsidian, Notion, a plain folder, or a web-to-Markdown converter all work. For example, I use &lt;a href="https://2markdown.io/pdf-to-markdown" rel="noopener noreferrer"&gt;PDF to Markdown&lt;/a&gt; and &lt;a href="https://2markdown.io/url-to-markdown" rel="noopener noreferrer"&gt;URL to Markdown&lt;/a&gt; for docs and article pages, &lt;a href="https://2markdown.io/youtube-to-markdown" rel="noopener noreferrer"&gt;YouTube to Markdown&lt;/a&gt; when a tutorial has captions, and &lt;a href="https://2markdown.io/twitter-to-markdown" rel="noopener noreferrer"&gt;Twitter/X to Markdown&lt;/a&gt; when a public post is worth saving as a source note. The important part is not the specific tool; it is getting every useful source into Markdown before asking AI to rewrite it.&lt;/p&gt;

&lt;p&gt;Use a template like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gh"&gt;# Source title&lt;/span&gt;

Source:
Topic:
Audience:

&lt;span class="gu"&gt;## Summary&lt;/span&gt;

One paragraph.

&lt;span class="gu"&gt;## Useful claims&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; Claim 1
&lt;span class="p"&gt;-&lt;/span&gt; Claim 2
&lt;span class="p"&gt;-&lt;/span&gt; Claim 3

&lt;span class="gu"&gt;## Examples&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; Example
&lt;span class="p"&gt;-&lt;/span&gt; Code idea
&lt;span class="p"&gt;-&lt;/span&gt; Workflow detail

&lt;span class="gu"&gt;## My opinion&lt;/span&gt;

What I agree with, disagree with, or want to test.

&lt;span class="gu"&gt;## Possible posts&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; Short post idea
&lt;span class="p"&gt;-&lt;/span&gt; Thread idea
&lt;span class="p"&gt;-&lt;/span&gt; Reply angle
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This prevents generic AI output. The model has source material, examples, and your opinion.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. Ask for Angles Before Drafts
&lt;/h2&gt;

&lt;p&gt;Do not start by asking: "Write me a viral post."&lt;/p&gt;

&lt;p&gt;Ask for angles first:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;Use this Markdown note as source material.
Generate 10 X post angles for developers.

For each angle, include:
- hook
- target reader
- useful takeaway
- format: short post, reply, or thread

Avoid generic motivation. Prioritize practical and technical angles.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;One source can become:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;a short opinion&lt;/li&gt;
&lt;li&gt;a checklist&lt;/li&gt;
&lt;li&gt;a mistake story&lt;/li&gt;
&lt;li&gt;a build log&lt;/li&gt;
&lt;li&gt;a tool comparison&lt;/li&gt;
&lt;li&gt;a reply to a common question&lt;/li&gt;
&lt;li&gt;a longer thread&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This is where the workflow compounds.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. Keep a Weekly Queue
&lt;/h2&gt;

&lt;p&gt;A simple weekly queue is enough:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gh"&gt;# X queue&lt;/span&gt;

&lt;span class="gu"&gt;## Monday&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; Short post from source note A
&lt;span class="p"&gt;-&lt;/span&gt; Reply to someone discussing topic B

&lt;span class="gu"&gt;## Tuesday&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; Build log from current project
&lt;span class="p"&gt;-&lt;/span&gt; Tool comparison from source note C
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;For a developer account, I would rather publish five specific posts than one generic mega-thread.&lt;/p&gt;

&lt;p&gt;Good post ingredients:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;a before/after&lt;/li&gt;
&lt;li&gt;a command or snippet&lt;/li&gt;
&lt;li&gt;a tradeoff&lt;/li&gt;
&lt;li&gt;a failure&lt;/li&gt;
&lt;li&gt;a metric&lt;/li&gt;
&lt;li&gt;a strong opinion&lt;/li&gt;
&lt;li&gt;a reusable template&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;AI can compress the writing, but you should keep the details that make it credible. Before publishing, I like to open the draft in a &lt;a href="https://2markdown.io/markdown-viewer" rel="noopener noreferrer"&gt;Markdown Viewer&lt;/a&gt; and check whether headings, lists, links, and code blocks still read cleanly.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. Review What Worked
&lt;/h2&gt;

&lt;p&gt;Every week, save the best and worst posts:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight markdown"&gt;&lt;code&gt;&lt;span class="gh"&gt;# Weekly review&lt;/span&gt;

&lt;span class="gu"&gt;## Best posts&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; Post:
&lt;span class="p"&gt;-&lt;/span&gt; Why it worked:
&lt;span class="p"&gt;-&lt;/span&gt; Follow-up idea:

&lt;span class="gu"&gt;## Weak posts&lt;/span&gt;
&lt;span class="p"&gt;
-&lt;/span&gt; Post:
&lt;span class="p"&gt;-&lt;/span&gt; Why it missed:
&lt;span class="p"&gt;-&lt;/span&gt; Rewrite:
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;After a month, you will know what your audience actually wants. Maybe debugging stories beat AI takes. Maybe tool comparisons get followers. Maybe replies build trust faster than posts.&lt;/p&gt;

&lt;p&gt;That feedback should decide what you collect next.&lt;/p&gt;

&lt;h2&gt;
  
  
  Final Thought
&lt;/h2&gt;

&lt;p&gt;Developers do not need to become full-time creators to grow on X.&lt;/p&gt;

&lt;p&gt;The better approach is to turn real technical work into a reusable content system:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;capture -&amp;gt; convert to Markdown -&amp;gt; distill -&amp;gt; publish -&amp;gt; review
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If your posts come from real notes, they become more specific. Specific posts build trust. Trust is what makes technical audiences follow.&lt;/p&gt;

</description>
      <category>ai</category>
      <category>twitter</category>
      <category>markdown</category>
    </item>
  </channel>
</rss>
