# garden.micky.sh

> A public garden by Micky (Pichaya Puttekulangkura) for AI experiments, vibe-coded tools, and small interactive sketches. Everything is free, runs in the browser, and is built on Astro 7.

Last updated: 2026-06-16

## About

garden.micky.sh hosts the experiments and small tools that deserve their own surface. It is part of a larger ecosystem of personal sites:

- micky.sh — personal homepage and writing hub
- slides.micky.sh — Slidev decks
- garden.micky.sh — experiments and tools (this site)

## Live projects

- [Tokens, turns, and prompt caching](https://garden.micky.sh/token-billing-explorer): An interactive complement to the context-window widget. Watch cumulative billed tokens grow turn-by-turn, see how prompt caching makes the repeats ~10% of the cost, and what happens when the cache expires.
- [Explore the .claude directory](https://garden.micky.sh/claude-directory-explorer): A faithful clone of the Claude Code docs interactive file explorer. Browse the project and global .claude/ trees to see what each file does, when it loads, and an example.
- [Explore the context window](https://garden.micky.sh/context-window-explorer): A faithful clone of the Claude Code docs context-window timeline. A simulated session showing what enters Claude's context, what it costs, and what survives /compact.
- [Markdown Live Preview](https://garden.micky.sh/markdown-preview): A local split-pane Markdown editor with live GitHub-flavored preview, open/save .md files, share links, synced scrolling, and PDF export.
- [LLM Token Counter](https://garden.micky.sh/llm-token-counter): A browser-side prompt counter for comparing token density across languages, drafts, and context budgets.
- [RTK Context Meter](https://garden.micky.sh/rtk-context-meter): An exact-output lab showing raw command output beside the output RTK returns to agent context.
- [Market Liveline](https://garden.micky.sh/market-liveline): A compact Hyperliquid market pulse for gold, oil, stocks, and crypto with normalized liveline comparison.

## Seeds and growing projects

- [Where Claude works](https://garden.micky.sh/claude-working-directory) (seed): A guided, UI-heavy map of Claude Code's working directory. Watch the scope fence around your project, the parent CLAUDE.md walk-up, global ~/.claude config, the permission prompt at the boundary, and the fence growing with --add-dir.
- [Terminal 101: learn to navigate](https://garden.micky.sh/terminal-101) (seed): A sandboxed in-browser terminal with five guided exercises on pwd, ls, cd, and mkdir. A live file explorer mirrors every command — type on the left, click on the right, and see they're the same thing.
- [Claude Code Artifact Lab](https://garden.micky.sh/claude-code-artifact-lab) (growing): A focused workbench for drafting, previewing, validating, and exporting source-backed Claude Code artifacts: CLAUDE.md, SKILL.md, and subagent templates.
- [Claude Code Config Explorer](https://garden.micky.sh/claude-code-config-explorer) (growing): Pick your ~/.claude/ folder right in the browser and inspect skills, agents, hooks, plugins, memory, and transcripts — fully local, nothing leaves the tab.
- [Local Workspace Editor](https://garden.micky.sh/local-workspace-editor) (seed): Open any folder in the browser and preview Markdown, text, CSV, images, and PDFs. Markdown gets a side-by-side editor that saves back to disk. Fully local — no VS Code, no Node, no upload.

## Optional

- [Sitemap](https://garden.micky.sh/sitemap.xml)
- [Source code](https://github.com/mickyngub)
- [X / Twitter](https://x.com/mickyngub)