Generated: 2026-02-14 Commit: ef16499 Branch: main Stack: VitePress 1.5.0 (Vue 3, TS), GitHub Pages, 16 Claude Skills
Static technical blog sharing Coding Agent applications in academic research. Single-module VitePress architecture with no backend. Core asset: 16 AI Skills in .claude/skills/ for content production workflow.
.
├── docs/ # Content source & VitePress config
│ ├── .vitepress/ # Site config (config.mts), theme (custom.css, index.ts)
│ ├── posts/ # Blog articles (STRICT: {category}/YYYY-MM-DD-slug.md)
│ ├── categories/ # 5 category index pages (ascending order)
│ └── public/ # Static assets (img/ for legacy, images/YYYY/ for new)
├── .claude/skills/ # 16 AI Skills (mermaid-tools, fact-checker, etc.)
└── .github/workflows/ # CI/CD (deploy.yml)
| Task | Location | Notes |
|---|---|---|
| Site Config | docs/.vitepress/config.mts |
Nav, Sidebar, SEO, Mermaid plugin |
| Global Styles | docs/.vitepress/theme/custom.css |
Academic Blue (#3B82F6), 1.8x line-height |
| New Article | docs/posts/{category}/ |
MANDATORY: YYYY-MM-DD-slug.md, frontmatter validation |
| Images (Legacy) | docs/public/img/ |
Reference as /img/.... BEING MIGRATED to /images/YYYY/ |
| Images (New) | docs/public/images/2025/ |
Year-based organization for long-term scalability |
| AI Skills | .claude/skills/{skill-name}/SKILL.md |
16 atomic modules for content production |
| CI/CD | .github/workflows/deploy.yml |
Build & Deploy to GH Pages |
| Resource | Purpose | Dependents |
|---|---|---|
docs/.vitepress/config.mts |
Central config: nav, sidebar, Mermaid plugin | All pages |
docs/.vitepress/theme/custom.css |
Global styles: Academic Blue, typography | All pages |
.claude/skills/ |
Reusable AI logic for content workflow | Claude Code tool |
- Writing Style: Simple explanations for complex concepts. No jargon overload.
- Article Ordering: Ascending chronological (oldest first) in categories & sidebar. Homepage uses reverse order.
- Frontmatter: MANDATORY.
title,date,categories(from 5 allowed),tags,difficulty,summary. - Links: Relative paths.
ignoreDeadLinks: falseenforces validity. - Images: TRANSITION PERIOD. Legacy in
public/img/, new inpublic/images/YYYY/. Reference as/img/...or/images/YYYY/.... - Containers: Use
:::info,:::warning,:::tipover raw HTML. - Academic Blue:
#3B82F6(primary theme color).
- Do NOT place images in root
/img/. Usedocs/public/img/ordocs/public/images/YYYY/. - Do NOT create posts outside
docs/posts/{category}/. No flat structure. - Do NOT modify
package.jsonwithout updatingdocs/SKILLS-GUIDE.md. - Do NOT use
Makefile. All ops vianpm scripts. - Do NOT skip frontmatter. Build WILL fail.
- Do NOT use absolute file paths in content.
- Do NOT use raw HTML (
<img>,<div>). Use Markdown/VitePress containers.
agent-basics— LLM Agent concepts, architecture, mechanismscoding-agent— Claude Code, OpenCode usage guidesresearch-cases— Real applications in literature/data/writingtools-comparison— Agent tool evaluationsinsights— Experience summaries, lessons learned
npm run dev # Dev server (http://localhost:5173)
npm run build # Production build -> docs/.vitepress/dist
npm run preview # Preview production build- Scripts directory:
package.jsonreferencesscripts/new-post.jsbut directory doesn't exist. Use AI Skills instead. - Image path migration: Active transition from
img/toimages/YYYY/. Update references gradually.