惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

IT之家
IT之家
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
A
About on SuperTechFans
博客园 - 聂微东
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
B
Blog RSS Feed
U
Unit 42
Stack Overflow Blog
Stack Overflow Blog
Recent Announcements
Recent Announcements
雷峰网
雷峰网
罗磊的独立博客
Microsoft Security Blog
Microsoft Security Blog
Hugging Face - Blog
Hugging Face - Blog
L
LangChain Blog
人人都是产品经理
人人都是产品经理
The GitHub Blog
The GitHub Blog
F
Fortinet All Blogs
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
H
Help Net Security
P
Proofpoint News Feed
The Cloudflare Blog
D
Docker
大猫的无限游戏
大猫的无限游戏

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
I Rebuilt My Abandoned Dashboard by Starting With Docs — ...
Ernest Serunkuma · 2026-06-08 · via DEV Community

This is a submission for the GitHub Finish-Up-A-Thon Challenge.

What I Built

Kumachi Back Office is the private operating system for my creative and professional world. It is a founder command center — not a CRM, not a task manager, not an analytics dashboard — but a cockpit that pulls everything together.

It manages four public cores of Kumachi:

  • eSerunkuma — my personal brand, consulting, writing, and authority layer
  • Kumachi Studio — my agency: client services, websites, automation, marketing
  • Kumachi Prints — my art commerce core: prints, products, digital downloads
  • Kumachi Gallery — my cultural core: stories, events, tours, experiences

Every morning, it answers the questions I actually need answered:

  • What should I do today?
  • Where is money closest right now?
  • Which core needs attention?
  • Which lead needs follow-up?
  • What should I publish, finish, or sell next?

The dashboard is built on Next.js 16, Supabase (Postgres + Auth + RLS), TypeScript, Tailwind CSS, and shadcn/ui — deployed on Vercel. It is the first working release of what will eventually become a fully automated, AI-powered agency operating system.


Demo

Before (abandoned first version):

After (this submission):


The Comeback Story

This project began during my thinking around the earlier Notion MCP Challenge. That challenge made me think deeply about AI-powered workflows and what it could mean for a solo founder to have systems that help them think, act, and follow through.

My first version of Kumachi Dashboard tried to do everything at once:

  • Marketing analytics
  • Social listening
  • Campaign integrations
  • Report generation
  • Scraping workflows
  • An Eisenhower-style command board
  • AI briefing system

The idea was strong. The system was not. It had a Flask backend, a Next.js frontend, and a roadmap that kept expanding. It became more of a map of everything I wanted than a tool I could actually use. Eventually I stopped.


A few months later I came across something that reframed how I was thinking about building tools for myself.

Ubuntu Engineering wrote about documentation-driven development — the practice of writing what you are building before you write code. Not just a README. A real product definition: the purpose, the users, the data model, the architecture, the boundaries, what it explicitly is not. The document becomes the authority. Code follows the document.

GitHub has been building tooling around the same principle with spec-kit — the idea that specifications written before implementation produce better software than specifications reverse-engineered from it.

The insight for me was this: I had been building before I knew what I was building. Every session started with code and ended with more questions than answers. Documentation-driven development reverses that order.

I restarted Kumachi Dashboard using this approach.


Before touching the editor, I spent two days writing. I captured:

  • What Kumachi is, and what it explicitly is not
  • The four business cores it serves and their revenue models
  • The operating loop: Plan → Publish → Attract → Capture → Sell → Deliver → Learn → Repeat
  • The data entities and their relationships
  • The tech architecture and why
  • The integration roadmap
  • The lessons from the abandoned first version
  • The dream map — where this eventually goes

These source documents live in /sources in the repo — frozen, never edited, only referenced. Then I transformed them into structured docs in /docs. Only then did I write code.

Before:

  • Split Flask + Next.js setup
  • Broad marketing analytics scope
  • Many unfinished integrations
  • Unclear daily workflow
  • Project felt impossible to finish

After:

  • Next.js 16 App Router
  • Supabase Auth, Postgres, and RLS
  • Founder-first protected dashboard
  • Today page with tasks and daily review
  • Four Core Dashboard
  • Revenue Center
  • Leads CRM
  • Offers and Tasks flows
  • Placeholder pages for future modules
  • Docs-driven roadmap for what comes next

The most meaningful part is that the new app is closer to how I actually work. Kumachi is not just a software idea. It is connected to my writing, art, services, products, cultural work, and the long-term thing I am trying to build.


My Experience with GitHub Copilot

The most useful thing GitHub Copilot did was not write code. It was reasoning with context.

Because I had source documents, every session started from a shared understanding. I could say: "Given the four-core architecture in AGENTS.md and the lead entity definition in the data schema, generate the server action for creating a new lead." Copilot had something to work from. The output matched the product vision instead of drifting from it.

The old version taught me that building without documentation is building a ship in a bottle — impressive from the outside, impossible to maintain from within. With the docs in place, Copilot became a genuine implementation partner rather than a code-completion tool.

The process looked like this:

  1. Capture messy ideas and lessons from the old project
  2. Turn them into clean source documents
  3. Transform those sources into structured docs (concepts, schema, system design, planning phases)
  4. Generate the MVP implementation with Copilot, grounded in the docs
  5. Review the scaffold against the docs — what matched, what was missing
  6. Iterate: fix routes, validation, build errors, seed data, middleware
  7. Prepare the project for a public before/after submission

At every step, the documents were the authority. Code had to match them.

Copilot also helped me ask better questions during the product definition phase:

  • Is this a public website or a private back office?
  • Is this a trading dashboard? No.
  • Is this a generic CRM? No.
  • What is the smallest thing that would actually help me tomorrow morning?
  • What should stay future-only? What needs to be real now?

That changed the project. The old version was a dream map. The new version is the beginning of an operating system.


The Plane I Keep Building

Kumachi Back Office is not a project I will finish and move on from.

It is the plane I fly while I build it. Every week I run the agency, I find something the dashboard could do better. A client health flag I missed. A proposal that should have drafted itself. A piece of content that went unpublished because I forgot to schedule it.

The documentation-driven approach means I know exactly where those improvements go — in a phase document, in the roadmap, in the backlog. Nothing gets lost. Nothing inflates the current sprint.

The public version of this repo is the open-source foundation — the blueprints for what I am building. The full system I am advancing privately includes:

  • Market intelligence: competitor ad monitoring, daily AI briefings, industry trend tracking
  • Inbound engine: SEO gap detection, automated content briefs, lead scoring
  • AI command brain: natural language queries over live data, voice-to-task, morning priority briefings
  • Ads war room: campaign anomaly alerts, budget reallocation AI, auto client reports
  • Social listening: brand mentions, sentiment tracking, competitor conversation monitoring

The nine zones of the God Dashboard — what I call the full vision — are documented in docs/research/northstar-dream-map.md in this repo if you want to see where this is going.

The foundation is solid. The direction is documented. The plane is flying.


What's Planned Next

Short term (next 4 weeks):

  • Complete the revenue proposal and deal flow
  • Richer seeded demo data for public use
  • Stronger first-user onboarding

Medium term (next 3 months):

  • Notion sync for daily review notes and strategy documents
  • n8n automation flows for lead capture and content scheduling
  • Team capacity and task assignment views

Long term (the God Dashboard):

  • Full market intelligence layer with competitor monitoring and daily AI briefings
  • AI command brain: talk to your agency data in natural language
  • Inbound engine: content and SEO automation that generates leads without outreach

Repository: github.com/serunkuma/kumachi-dashboard-polished
Before app: github.com/kumachistudio/kumachi-dashboard