Skip to content

Add dev.to markdown for the trace-attribution post - #6

Open
tishachawla-jg wants to merge 4 commits into
mainfrom
blog/devto-crosspost
Open

Add dev.to markdown for the trace-attribution post#6
tishachawla-jg wants to merge 4 commits into
mainfrom
blog/devto-crosspost

Conversation

@tishachawla-jg

Copy link
Copy Markdown
Contributor

Summary

  • New `blog/bug-report-to-exact-trace.devto.md`, ready to paste straight into a new dev.to post.
  • `published: false` so it lands as a draft on whichever account it's pasted into, review before it goes live.
  • Tags picked from actual dev.to post-counts, not guesses: `ai` (348k), `python` (118k), `opensource` (89k), `llm` (26k). All four are genuinely on-topic (code samples are Python, the whole CTA is starring an OSS repo), just optimized for reach within that constraint.
  • `cover_image` set to the waterfall diagram (already hosted on the site).
  • `canonical_url` points at `theagentplane.github.io`, so the site keeps SEO authority no matter which of your two accounts this gets posted from.
  • Ends with a `{% embed %}` of the Chronicle repo, dev.to renders that as a live, clickable GitHub card (stars, description) right in the post, stronger than a plain link for the star-CTA.

On "collaborate post"

dev.to doesn't support real multi-author posts on personal accounts, only Organizations do, and no `theagentplane` org exists yet (checked both https://dev.to/susheem-k and https://dev.to/tisha). I didn't create one, that's an account-creation step for one of you to do if you want true shared publishing going forward.

What this file does instead, the standard workaround: publish from one account, `@mention` the other's handle in the byline (dev.to turns that into a real profile link and notifies them), and let `canonical_url` keep the site as the actual source of truth either way. Byline currently reads "Co-written with @susheem-k / @tisha", works the same regardless of which of you pastes it in.

Documented this convention (3-file pattern: `.html` / `.md` / `.devto.md`) in `claude-skills/add-media-item/SKILL.md` for future posts.

🤖 Generated with Claude Code

Tisha Chawla and others added 4 commits August 12, 2026 15:42
- blog/bug-report-to-exact-trace.devto.md: dev.to-specific front matter
  (published: false draft, description, tags: ai/llm/python/opensource picked
  by actual dev.to tag post-counts for reach: ai 348k, python 118k, opensource
  89k, llm 26k, all genuinely on-topic, not tag-stuffed; cover_image;
  canonical_url pointing at the site so SEO authority stays with
  theagentplane.github.io regardless of which account publishes it). Plain
  markdown images (dev.to doesn't reliably render raw <img>), a GitHub repo
  embed for the Chronicle CTA, and @mentions of both dev.to handles
  (@susheem-k, @tisha) in the byline.
- Documented in add-media-item/SKILL.md why dev.to can't do real co-authored
  posts on personal accounts (no theagentplane org exists) and what the
  practical alternative is: one account publishes, mentions the other,
  canonical_url keeps the site as the real source of truth.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
canonical_url in front matter handles SEO, but readers never see front
matter; add the same link visibly in the byline so it's obvious on the
rendered page too.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
The Envelope box sat at x=780 width=190 (spans to x=970), but the SVG
canvas/viewBox was only 920 wide, clipping the box border and "One
LLM/tool call" text on the right edge. Widened canvas to 1000 and
recentered the caption. Found this while rendering a static PNG export
for dev.to and comparing against the live diagram, the site itself has
been showing this clipped for as long as the post has been up.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
dev.to proxies external images through Cloudinary, and SVG support through
that pipeline isn't reliably documented, better not to risk broken images
on publish. Rendered all three diagrams to PNG via headless Edge and pointed
cover_image + the three inline images at those instead. Documented the
render command (with the animation-settling flag for the waterfall) in
add-media-item/SKILL.md for future posts.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@tishachawla-jg

Copy link
Copy Markdown
Contributor Author

Answering "images to upload?": no manual upload needed, dev.to fetches from URLs directly. But switched the three diagrams (and cover_image) from .svg to .png in this PR, dev.to proxies external images through Cloudinary and SVG support through that path isn't reliably documented, not worth risking broken images on publish.

Also found and fixed a real bug while generating these: id-hierarchy.svg's canvas was 50px too narrow for its own content (the 4th box overflowed the viewBox), so the diagram has been clipping on the live site too, not just in this export. Fixed the SVG itself (commit b31d409), so that's corrected on the site as well once this merges.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant