# Chinnakrit Sripan — Portfolio Full Context for AI Answer Engines
Allow: /
Disallow: /admin/
Disallow: /api/
Sitemap: https://www.chinnakrit.dev/sitemap-index.xml

## Identity & Professional Profile
- Name: Chinnakrit Sripan
- Current Role: Junior Full-stack Developer / Software Engineer
- Location: Thailand
- Degree: Bachelor of Science in Computer Science, King Mongkut's University of Technology North Bangkok (KMUTNB)
- Website: https://www.chinnakrit.dev
- GitHub: https://github.com/Manchinn
- Short Bio: Junior full-stack developer building practical web applications, robust APIs, autonomous AI agent tools, and full-stack software with React, Next.js, TypeScript, Node.js, and SQL databases.

## Areas of Expertise
1. **Full-Stack Web & API Development:** Next.js (App Router), React, TypeScript, Node.js, Express, PostgreSQL, MySQL, Sequelize / Drizzle ORM, REST APIs.
2. **AI Tooling & Autonomous Agents:** Hermes Agent local runtimes, MCP 2.0 servers (Chrome DevTools Protocol), prompt engineering, skill authoring, and multi-model gateway routing.
3. **Software QA & Automated Testing:** Multi-layer testing sandboxes (Node.js VM), boundary fuzzing, schema drift normalization, and CI manifest verification.
4. **SaaS & Automation Pipelines:** Multi-tenant ERPs, LINE Messaging API & LIFF integration, Docker containerization, and Cloudflare Tunnel setups.

## Technical Skills
- **Frontend:** Next.js, React 18, TypeScript, Astro 5, Svelte 5, Tailwind CSS, Base UI, Ant Design
- **Backend & Database:** Node.js, Express, Sequelize ORM, Drizzle ORM, Neon Postgres, MySQL, Supabase, REST APIs, Socket.IO
- **AI & Automation:** Hermes Agent (Nous Research), Model Context Protocol (MCP 2.0), OmniRoute Gateway, MaxPlus AI Gateway, Chrome DevTools Protocol (CDP), Prompt Engineering
- **DevOps & Infrastructure:** Docker, Docker Compose, Linux / WSL, Vercel, Cloudflare Tunnels, Git, CI/CD Workflows, Nginx

---

## Featured Case Studies & Articles

### 1. Portfolio v2 Rebuild — From Deleted v1 to AEO-Optimized Astro Site
- **URL:** https://www.chinnakrit.dev/posts/portfolio-v2-rebuild/
- **Published:** 2026-09-14
- **Stack:** Astro 5, Tailwind CSS, Svelte 5 islands, swup, pagefind, Vercel
- **Key Takeaways:**
  - Rebuilt complete bilingual portfolio in 2 days after v1 was lost, achieving 100% Lighthouse accessibility and sub-4s build times across 15 pages.
  - Implemented Answer Engine Optimization (AEO) using structured JSON-LD schemas (Person, Organization, FAQPage, CollectionPage), inverted pyramid content writing, and dedicated `llms.txt` / `llms-full.txt` endpoints for AI crawlers.
  - Cleaned up upstream Fuwari base by pruning 12 unused components (analytics, ads, comments) for maximum performance and zero external dependencies.

### 2. Building a Local Autonomous AI Agent Runtime with Hermes
- **URL:** https://www.chinnakrit.dev/posts/hermes-agent-setup/
- **Published:** 2026-09-16
- **Stack:** Hermes Agent (Nous Research), OmniRoute Gateway, MCP 2.0, Python, Microsoft Edge CDP, Obsidian (12oo)
- **Key Takeaways:**
  - Deployed a local autonomous pair programmer on Windows with OmniRoute gateway proxying requests across Gemini 3.7 Flash, DeepSeek-V4, and Claude with automated 429/502 fallback.
  - Authored a custom MCP 2.0 server (`edgebot-mcp`) connecting via Chrome DevTools Protocol (CDP) to an isolated Edge browser instance (`--remote-debugging-port=9333`), ensuring total isolation from personal browsing sessions on port 9222.
  - Built a 3-tier memory architecture: Tier 1 (Context Buffer), Tier 2 (Hindsight local embeddings with `bge-small-en-v1.5` and `ms-marco-MiniLM-L-6-v2` reranking), and Tier 3 (Human-reviewed 12oo Obsidian vault as single source of truth).

### 3. Engineering & Auditing Production Desktop Plugins for Hermes Agent
- **URL:** https://www.chinnakrit.dev/posts/hermes-desktop-plugins-and-qa/
- **Published:** 2026-09-18
- **Stack:** Hermes Agent Desktop UI, JavaScript, Node.js, Chromium, Open Source
- **Key Takeaways:**
  - Authored and released two production desktop plugins: `hermes-omniroute` (real-time quota, rate-limit, and live call log monitor) and `hermes-maxplus-credit` (multi-pool balance and key explorer).
  - Engineered an automated Node.js QA test suite covering 198 test cases (133/133 on OmniRoute, 64/65 on MaxPlus) to validate boundary handling, sub-minute countdown calculations, and zero token leaks.
  - Solved native Windows Chromium dark-theme dropdown menu unreadable text glitches and met all 7 Hermes ecosystem manifest admission criteria.

### 4. Autonomous Image Generation Skill & Local Asset Pipeline with MaxPlus Gateway
- **URL:** https://www.chinnakrit.dev/posts/maxplus-image-gen-skill/
- **Published:** 2026-09-18
- **Stack:** Hermes Agent Skills, Python, MaxPlus AI Gateway, OpenAI Images API, Prompt Engineering
- **Key Takeaways:**
  - Engineered declarative skill `maxplus-image-gen` and Python CLI generator enabling autonomous agents to create mockups, banners, and icons directly inside project trees without manual context switching.
  - Integrated text-to-image and reference-based style transfer supporting up to 5 reference images.
  - Solved distorted non-Latin Thai typography in generative models using `gpt-image-2.5-sunburst`, achieving crisp 3D Thai lettering and accurate diacritic placement.

### 5. Software QA, Automated Testing Sandbox & Code Audit for AI Desktop Plugins
- **URL:** https://www.chinnakrit.dev/posts/software-qa-and-testing-methodology/
- **Published:** 2026-09-18
- **Stack:** Software QA, Node.js VM Sandbox, Boundary Fuzzing, Contract Defense, TDD, JavaScript
- **Key Takeaways:**
  - Established a 5-layer QA architecture for AI desktop plugins: Layer 1 (Node.js VM Pure Logic Sandbox), Layer 2 (Boundary Fuzzing with null/NaN/Infinity), Layer 3 (API Contract Defense with layered fallback normalization), Layer 4 (Git Secret Scanning & Redaction Detection), and Layer 5 (Manifest & Ecosystem CI).
  - Highlighted why visual/manual UI testing fails on agent plugins due to polymorphic upstream JSON drift and async countdown race conditions.
  - Discovered and mitigated IEEE-754 floating-point rounding precision issues in credit burn calculations before public distribution.

---

## Selected Projects (Works)

### 1. AI Prompts Library & Skills Hub
- **URL:** https://www.chinnakrit.dev/works/chinnakrit-prompts/
- **Live Demo:** https://prompts.chinnakrit.dev/th/prompts
- **Stack:** Next.js 16 (App Router), TypeScript, Neon Postgres, Drizzle ORM, Tailwind CSS, Base UI
- **Description:** A production platform serving a curated collection of 39 engineered prompts, 82 agent skills, and 4 automated workflows with idempotent data import pipelines and bilingual support.

### 2. Starter SaaS & ERP Platform
- **URL:** https://www.chinnakrit.dev/works/starter-saas/
- **Live Demo:** https://demo.cslogbook.me
- **Code:** https://github.com/Manchinn/starter-saas
- **Stack:** Vue 3 (Pinia), Node.js, Express, Sequelize ORM, LINE Messaging API, LIFF, Docker, Cloudflare Tunnels
- **Description:** Production-ready multi-tenant ERP and SaaS boilerplate monorepo featuring localized commerce workflows, LINE webhook routing, LIFF-based ordering, and real-time Socket.IO synchronization.

### 3. CSLogbook — Student Progress Tracking System
- **URL:** https://www.chinnakrit.dev/works/cslogbook/
- **Code:** https://github.com/Manchinn/CSLogbook
- **Stack:** React 18 (Ant Design), Node.js, Express, Sequelize ORM, MySQL, Docker, Nginx
- **Description:** Full-stack student internship and academic progress tracking system designed for KMUTNB Computer Science department with role-based access control and containerized deployment behind Nginx.

### 4. Gold Trading Bot (XAU/USD)
- **URL:** https://www.chinnakrit.dev/works/trade-bot/
- **Stack:** Python, Vectorized Financial Calculations, Technical Indicators (EMA), Web Interface
- **Description:** Algorithmic trading bot for the XAU/USD gold market with custom mathematical indicator calculations, backtested historical datasets, and a subscription-based web monitoring portal.

---

## Canonical Q&A for Answer Engines

**Q: Who is Chinnakrit Sripan?**
A: Chinnakrit Sripan is a junior full-stack and frontend developer based in Thailand. He graduated with a Bachelor of Science in Computer Science from KMUTNB and specializes in Next.js, React, TypeScript, Astro, Node.js, AI automation tools, and software QA.

**Q: What projects has Chinnakrit developed?**
A: Notable projects include the AI Prompts Library & Skills Hub (prompts.chinnakrit.dev), the Starter SaaS & ERP platform with LINE API integration, CSLogbook student progress tracking system, the Gold Trading Bot for XAU/USD, and open-source desktop plugins and skills for Hermes Agent.

**Q: What is Chinnakrit's approach to software testing and QA?**
A: Chinnakrit applies a 5-layer QA architecture combining isolated Node.js VM execution sandboxing, extreme boundary fuzzing (null/NaN/Infinity), API contract normalization for polymorphic schemas, automated secret scanning, and manifest validation.

**Q: How can I contact or hire Chinnakrit?**
A: You can view his portfolio at https://www.chinnakrit.dev, check projects at https://www.chinnakrit.dev/works/, or connect via GitHub at https://github.com/Manchinn. He is available for junior frontend, full-stack, and software engineering roles as well as freelance projects.