ระบบจัดการหลักฐานคดี (evidence case app)
ระบบจัดการหลักฐานคดี
อ่านเพิ่ม →Projects 43
รวมโปรเจกต์ที่กำลังสร้างและทดลอง ตั้งแต่ static site ไปจนถึง CLI tools และ automation bots
AI Prompt Library
คลัง prompts ส่วนตัวที่ใช้จริง จัดเก็บเป็น Markdown ใน ~/.prompts/ พร้อม CLI สำหรับค้นหา, ใช้งาน และ track ว่า prompt ไหนให้ผลดี
อ่านเพิ่ม →Astro Blog Theme
Minimal Astro blog starter theme ที่ focus บน typography, dark mode, และ content — ไม่มี bloat
อ่านเพิ่ม →CSS Variable Toolkit
npm package สำหรับ CSS custom properties — ชุด design tokens, utility mixins, และ dark mode theme generator พร้อมใช้ใน Astro, Next.js, และ Vanilla CSS
อ่านเพิ่ม →Dev Session Starter
Script และ tmux config สำหรับเปิด development environment ด้วยคำสั่งเดียว — sessions, panes, และ services ขึ้นมาพร้อมทำงานทันที
อ่านเพิ่ม →E-commerce Content AI
ใช้ Claude API สร้าง product descriptions สำหรับอะไหล่มอเตอร์ไซค์ — รับ spec จาก CSV, ส่งผ่าน Anthropic SDK, export เป็น JSON/Markdown ที่พร้อม copy เข้า platform
อ่านเพิ่ม →JSON Diff Visualizer
เว็บ tool สำหรับเปรียบ JSON สอง version แบบ side-by-side พร้อม highlight การเปลี่ยนแปลงแบบ nested
อ่านเพิ่ม →Markdown Notes Exporter
Script สำหรับ export note จาก Obsidian vault เป็น formats ต่างๆ — PDF, HTML, และ clean Markdown ที่ไม่มี wiki links
อ่านเพิ่ม →quick-note-cli
terminal notepad เขียนด้วย Node.js — บันทึก note ลง ~/.notes/ ด้วยคำสั่งเดียว พร้อม tag, search, และ export เป็น markdown
อ่านเพิ่ม →RSS Reader CLI
CLI tool สำหรับอ่าน RSS feeds ใน terminal — ดึง feed, แสดงบทความล่าสุด, บันทึก source ไว้ใน config
อ่านเพิ่ม →Site Screenshot Tool
CLI tool ถ่าย screenshot จาก URL list ด้วย Playwright — รองรับ responsive breakpoints, dark mode และ batch export
อ่านเพิ่ม →Type Scale Explorer
เครื่องมือสำรวจ typographic scale แบบ visual — ปรับ base size, ratio, และ font family แล้วดู preview ทันที
อ่านเพิ่ม →Panupong WS
เว็บส่วนตัวสำหรับรวบรวม projects, resources และ notes ด้าน tech, dev และ graphic design สร้างด้วย Astro และ TypeScript แบบ static site
อ่านเพิ่ม →CSS Animation Library
collection ของ CSS animation snippets แบบ copy-paste — entrance, exit, loading, micro-interaction พร้อม Astro demo page
อ่านเพิ่ม →Color Contrast Checker
CLI + Web tool ตรวจ WCAG color contrast ratio — รับ hex/rgb/hsl แสดง pass/fail AA/AAA และ suggest สี alternative
อ่านเพิ่ม →Schema Markup Generator
Web tool สร้าง JSON-LD structured data สำหรับ e-commerce — Product, BreadcrumbList, Organization schema พร้อม copy-paste
อ่านเพิ่ม →Markdown to PDF
CLI tool แปลง Markdown เป็น PDF ด้วย Playwright — รองรับ custom CSS, syntax highlight และ Thai font
อ่านเพิ่ม →URL Shortener CLI
CLI tool ย่อ URL ด้วย TinyURL API และจัดการ history — บันทึก, ค้นหา และ copy ไปยัง clipboard
อ่านเพิ่ม →Daily Summary Bot
LINE Notify bot สรุปงานประจำวัน — ดึง git commits, tasks จาก todo file และ send สรุปผ่าน LINE ทุกเย็น
อ่านเพิ่ม →Chrome Extension Starter
Template สำหรับสร้าง Chrome Extension Manifest V3 พร้อม Vite + TypeScript — มี popup, content script และ background service worker
อ่านเพิ่ม →Astro Component Playground
Interactive sandbox สำหรับทดสอบ Astro components แบบ real-time — เขียน component code แล้วเห็น preview ทันที
อ่านเพิ่ม →Link Garden
พื้นที่รวบรวมและจัดหมวดหมู่ลิงก์ที่น่าสนใจในแบบ digital garden สร้างด้วย Astro ไม่ใช่ bookmark ธรรมดา แต่มี note อธิบายว่าทำไมลิงก์นี้ถึงมีคุณค่า
อ่านเพิ่ม →Astro SEO Audit
CLI script ตรวจ SEO ของ Astro static site — ตรวจ meta tags, canonical URL, Open Graph, structured data และ performance hints
อ่านเพิ่ม →Zod Schema Studio
Web tool สำหรับเขียน Zod schema แบบ interactive — เห็น type output และ validation errors แบบ real-time ไม่ต้อง setup project
อ่านเพิ่ม →Reading Log
Static site สำหรับบันทึกหนังสือที่อ่าน พร้อม rating, note และ tags จัดการด้วย Astro Content Collections ไม่ต้องมี backend
อ่านเพิ่ม →Product Catalog Validator
TypeScript CLI สำหรับ validate product catalog ก่อน import — ตรวจ required fields, format ราคา, รูปภาพ URL และ category hierarchy
อ่านเพิ่ม →Astro Minimal Starter
Starter template สำหรับ Astro ที่ stripped-down จนเหลือแค่สิ่งจำเป็น — dark mode, TypeScript strict, font loading, global CSS reset พร้อมใช้งานได้เลย
อ่านเพิ่ม →Font Pairing Tool
เครื่องมือ web-based สำหรับทดลอง Google Fonts pairing แบบ real-time เลือก heading + body font แล้วดูผลทันที ไม่ต้องสลับไป Google Fonts
อ่านเพิ่ม →Second Brain CLI
เครื่องมือ command-line สำหรับจัดการ notes และ knowledge base ในแบบ Zettelkasten ช่วยเชื่อมโยงความคิดและดึงข้อมูลกลับมาได้รวดเร็ว
อ่านเพิ่ม →CSV Budget CLI
CLI tool สำหรับวิเคราะห์รายจ่ายจากไฟล์ CSV ของธนาคาร — จัดหมวดหมู่อัตโนมัติ สรุปรายเดือน และ export รายงาน
อ่านเพิ่ม →Web Component UI Kit
ชุด UI components ที่สร้างด้วย Custom Elements ล้วน — Button, Badge, Tooltip, Dialog — ใช้ร่วมกับทุก framework หรือ vanilla HTML
อ่านเพิ่ม →Link-in-Bio Page
หน้า link-in-bio แบบ static ที่สร้างด้วย Astro ไม่พึ่ง third-party service ดูแลการออกแบบเองได้ 100% โหลดเร็วกว่า Linktree มาก
อ่านเพิ่ม →type-safe-env
TypeScript utility สำหรับ parse และ validate environment variables ด้วย Zod — crash ทันทีถ้า env ขาดหาย แทนที่จะ fail แบบ silent
อ่านเพิ่ม →Multi-Agent Tmux Workflow
ระบบ orchestration ใช้ tmux แบ่ง session หลายหน้าต่าง ให้ AI หลายตัวทำงานพร้อมกันบน codebase เดียวโดยไม่ชนกัน
อ่านเพิ่ม →Color Palette Explorer
เครื่องมือสำหรับสำรวจ color palette ที่ใช้ CSS custom properties อย่างเดียว ไม่มี JavaScript library ให้ copy hex code และดู contrast ratio แบบ real-time
อ่านเพิ่ม →DevLog Bot
บอท Discord สำหรับบันทึก dev log อัตโนมัติ ช่วยติดตามความก้าวหน้าของโปรเจคต่างๆ โดยไม่ต้องออกจาก workspace
อ่านเพิ่ม →Shareable ESLint Config
ESLint configuration package ที่แชร์ได้ across TypeScript projects — รวม rules สำหรับ Node.js, Astro, และ vanilla TS ในชุดเดียว
อ่านเพิ่ม →Markdown CV
CV/Resume ที่เขียนใน Markdown แล้ว render เป็น HTML ด้วย Astro — แก้ไขง่าย print-ready และไม่ต้องพึ่ง Canva หรือ Google Docs
อ่านเพิ่ม →CSS Playground
พื้นที่ทดลอง CSS techniques ที่อยากจำ ตั้งแต่ layout tricks ไปจนถึง animation และ custom properties
อ่านเพิ่ม →Obsidian Starter Vault
Vault สำหรับ second brain ที่ออกแบบให้ใช้งานได้จริงตั้งแต่วันแรก ไม่ซับซ้อนเกินไป เน้น capture → process → output
อ่านเพิ่ม →Obsidian to Astro Exporter
Script แปลง Obsidian vault เป็น Astro Content Collection — ดึง frontmatter, แปลง wikilinks เป็น markdown links, และ copy assets อัตโนมัติ
อ่านเพิ่ม →CSS Art Wallpaper Generator
Wallpaper patterns ที่สร้างด้วย CSS ล้วนๆ ไม่มี JavaScript ไม่มี canvas ใช้ CSS gradients, conic-gradient, และ custom properties ในการสร้าง pattern ที่เปลี่ยนแปลงได้
อ่านเพิ่ม →Image Optimizer CLI
Node.js CLI สำหรับ bulk compress รูปภาพ — แปลงเป็น WebP/AVIF, resize, และ strip metadata อัตโนมัติก่อน deploy
อ่านเพิ่ม →ไม่พบโปรเจคสำหรับ filter นี้