From Code to Connection: Automating the Story of Our Craft with ForkToPost
Source: Dev.to


Veronika Kashtanova – @vero‑code
DEV Weekend Challenge: Community
This is a submission for the DEV Weekend Challenge: Community.
The Problem
“I’m too tired to write a post.”
It’s 2 AM, the terminal finally goes green, you push the last commit, and then the blank‑text‑editor stare hits. The “paperwork” of coding—documentation, blog posts, storytelling—often dies in a dark repository because we simply lack the emotional energy to write it.
I built ForkToPost for the builders who are exhausted and for anyone with amazing code hidden in a repository that never sees the light of day.
What I Built
ForkToPost is an AI‑powered narrative engine that turns a GitHub repository into a ready‑to‑publish DEV post draft.
- Analyzes your codebase, forks, commits, and project structure.
- Interprets intent (inspired by my earlier Source Persona project).
- Generates a meaningful starting point for a DEV article, handling the heavy lifting of structural writing so you can add your personal spark.
Demo
Explore the project and see the transformation in action:
👉 GitHub:
Repository Snapshot

vero-code / forktopost
🚀 Transform GitHub repos into winning DEV.to stories with Gemini AI. Built for the DEV Weekend Challenge: Community. 🔱
Thank you for reading! 🎉
If you find ForkToPost useful, feel free to star the repo, open an issue, or share your own generated stories on DEV. Happy coding—and happy writing!
🔱 ForkToPost
ForkToPost is the ultimate submission generator for the DEV Weekend Challenge: Community. It transforms a GitHub repository into a compelling, scannable story that captures the attention of the DEV.to community.
- Struggling to articulate your value proposition?
- Want a professional, witty, and easily readable post?
ForkToPost leverages Google’s Gemini AI to weave your code, README, and metadata into a winning narrative.
✨ Features
- AI‑powered copywriting – Gemini generates a polished article based on your repo.
- One‑click export – Download the post as Markdown ready for DEV.to.
- Customizable tone – Choose between professional, casual, or witty styles.
- Live preview – See the final post while you tweak inputs.
🚀 Getting Started
# Clone the repo
git clone https://github.com/yourusername/forktopost.git
cd forktopost
# Install dependencies
npm install
# Run the development server
npm run dev
📦 Installation (as a CLI)
npm i -g forktopost
forktopost --repo https://github.com/yourusername/awesome-project
🛠️ Usage (Web UI)
- Paste the URL of the GitHub repository you want to showcase.
- Select a tone (Professional / Casual / Witty).
- Click Generate – Gemini crafts the post.
- Review the preview, make any edits, then download the Markdown file.
🧩 Tech Stack
- React 19+ – UI components and state management.
- TypeScript 5+ – Strong typing for reliability.
- Gemini AI API – Natural‑language generation.
🤝 Contributing
Contributions are welcome! Please read the CONTRIBUTING.md for guidelines.
📜 License
This project is licensed under the MIT License – see the LICENSE file for details.
✨ Features
⚡ Built for the Weekend – Designed to help DEV Challenge participants meet tight deadlines without sacrificing quality.
- 🤖 AI‑Powered Narrative – Uses
gemini-3-flash-previewto analyze your repository and generate structured Markdown. - 🎨 Image Generation – Creates cinematic visual metaphors for your projects with
gemini-3.1-flash-image-preview.
🧠 Advanced Writing Toggles
- Add Empathy – Infuse your post with emotional resonance, highlighting the human struggle and the “aha!” moment.
- Architecture Deep‑Dive – Automatically generate a structured technical breakdown of your system.
How I Built It
The journey of building ForkToPost was one of radical empathy. I kept asking myself: What does a developer actually need when they’re exhausted? The answer: a partner, not more complexity.
Stack
| Technology | Reason |
|---|---|
| React & TypeScript | Snappy, type‑safe UI |
| Tailwind CSS | Low‑friction, focused styling |
| Gemini Integration | The “soul” of the app – identifies the “aha!” moments in code |
| GitHub API | Pulls repository data without copy‑pasting |
Technical Architecture
The system follows a Context → Extraction → Transformation pipeline.
-
Ingestion Layer
- User provides a repository URL.
- The GitHub API crawls the file tree, prioritizing
README.md,package.json, and core logic directories.
-
Context Synthesis Engine
- A “Context Scraper” extracts the technological fingerprint (stack, scale, primary problem).
- Keeps token usage low and focus high.
-
Persona Layer
- Applies a “Community‑First” lens (inspired by Source Persona).
- Looks for emotional hooks—why the project matters to other developers.
-
Markdown Generator
- Produces output formatted for the DEV platform, ready for final polishing.