bangunai-blog-manager

# BangunAI Blog Manager (Digital Garden + Content Workflow)

**Homepage:** React 18 + Vite + MDX + shadcn/ui  
**Blog Root:** `/home/hades/BangunAI-Blog`  
**Content Root:** `/home/hades/BangunAI-Blog/src/content`  
**Tech Stack:** TypeScript, Tailwind CSS, Mermaid 11, KaTeX, Shiki

Skill ini menggabungkan:
- workflow custom untuk blog content (daily, fetch style, universal writer, logging, smart read)
- MDX authoring untuk React-based digital garden
- Obsidian-like features (callouts, mermaid diagrams, LaTeX math, wikilinks, backlinks)
- Auto-import system via `import.meta.glob`

---

## 🌿 BangunAI Blog Fundamentals

Blog ini adalah **Digital Garden & Knowledge Base** dengan fitur terinspirasi dari Obsidian.

### Struktur Proyek

```
/home/hades/BangunAI-Blog/
├── src/
│   ├── content/
│   │   ├── writing/       # Blog posts (notes, essays)
│   │   ├── articles/      # Technical articles, tutorials
│   │   ├── read/          # Reading notes, link curation
│   │   ├── daily/         # Daily notes (tasks, logs)
│   │   ├── about.mdx      # About page (single file)
│   │   ├── now.mdx        # Now page (current activities)
│   │   └── index.ts       # Auto-import loader
│   ├── components/        # React components (40+ shadcn/ui)
│   │   ├── Callout.tsx    # 14 tipe callouts
│   │   ├── MermaidDiagram.tsx  # Mermaid renderer
│   │   ├── WikiLink.tsx   # Internal linking
│   │   ├── Backlinks.tsx  # Auto backlinks
│   │   ├── GraphView.tsx  # Knowledge graph
│   │   └── ui/            # shadcn/ui components
│   ├── pages/             # Route pages
│   ├── lib/               # Utilities
│   │   ├── date.ts        # Date formatting
│   │   └── utils.ts       # Class utilities
│   └── data/
│       ├── posts.ts       # Helper functions
│       └── types.ts       # TypeScript types
├── public/                # Static assets
├── skill/                 # Agent skills (this!)
└── package.json           # Dependencies
```

### Content Types

| Type | Description | Location |...

# BangunAI Blog Manager Skill

Agent skill untuk mengelola content BangunAI Blog — Digital Garden & Knowledge Base dengan Obsidian-like features (React 18 + Vite + MDX + Mermaid + KaTeX + Shiki).

## Quick Start

```bash
# Test skill dari workspace
cd /home/hades/BangunAI-Blog/skill
cat SKILL.md
```

## Workflows Available

| Workflow | Command | Description |
|----------|---------|-------------|
| `daily` | Bash script | Create daily note dengan rollover tasks |
| `fetch_last` | Bash script | Fetch latest file untuk style reference (supports about/now) |
| `write` | Bash script | Write new content dengan frontmatter |
| `log` | Bash script | Append log ke daily note |
| `read` | Bash script | Smart read content by keyword |
| `update_about` | Bash script | Update about.mdx page |
| `update_now` | Bash script | Update now.mdx page with timestamp |
| `verify_index` | Bash script | Verify content auto-import statistics |

## Content Structure

```
src/content/
├── writing/     # Blog posts (notes, essays)
├── articles/    # Technical articles, tutorials
├── read/        # Reading notes (bookmarks, link sharing)
├── daily/       # Daily notes (tasks, logs)
├── about.mdx    # About page (single file, MDX)
├── now.mdx      # Now page (single file, MDX)
└── index.ts     # Content loader (auto-import via import.meta.glob)
```

## Obsidian-Like Features

- **14 Callout Types** — info, tip, warning, danger, success, note, example, bug, question, abstract, important, caution, quote, cite
- **Mermaid Diagrams** — flowchart, sequence, pie, class, state, ER, gantt, mindmap, timeline
- **LaTeX Math (KaTeX)** — Inline `$...$` and block `$$...$$`
- **WikiLinks** — Internal linking dengan auto-strikethrough untuk broken links
- **Backlinks** — Auto-generated backlinks di setiap artikel
- **Graph View** — Interactive force-directed knowledge graph
- **Syntax Highlighting** — Shiki-powered dengan copy button
- **GFM Support** — Tables, task lists, strikethrough
- **Table of Contents**...