Skip to content

README.md

Latest commit

 

History

History
96 lines (77 loc) · 6.41 KB

README.md

File metadata and controls

96 lines (77 loc) · 6.41 KB
Raw

stackloomdev — Building tools. Making things click. Developer tools and creative systems.

Hi, I'm stackloomdev.

I build developer tools, AI-assisted creator workflows, and interactive web experiences. I like turning a hard-to-explain problem into something you can inspect, understand, and use.

做让复杂问题更清晰的工具，也做值得探索的网页体验。

Read my blog ↗   ·   Explore the projects   ·   Visit the creative lab

Selected work

Practical tools for everyday engineering, with room for creative exploration.

CauseScope concept: trace a disabled button through source, decision, and data.

CauseScope

Click any UI. Trace the cause.

Follow a rendered React element back to its TSX, the decision that produced it, and the state or network data behind it.

TypeScript React Vite

Documentation ↗ · Source
Beta · React + Vite today

 RequestKit concept: per-site request header rules, with a sample staging environment.

RequestKit

Your headers. The right scope.

A Chrome extension for custom request headers, with per-site profiles, an all-sites mode, and configuration stored locally.

JavaScript Chrome MV3

Install guide ↗ · Source
Browser extension · No account required
Code-to-image concept: turn a Markdown code block into a syntax-highlighted PNG.

md-code-image-cli

From code blocks to shareable visuals.

Turn Markdown fenced code blocks into syntax-highlighted PNGs in pure Node.js, with themes and Chinese font fallback.

TypeScript Node.js Shiki

npm package ↗ · Source
CLI · Built for writing and sharing

 Astra Games concept: a game catalog available in twelve languages.

Astra Games

A catalog that speaks twelve languages.

A multilingual showcase for AI-assisted games, with localized project pages and a catalog synced from its upstream collection.

Next.js TypeScript i18n

Explore the site ↗ · Source
Web experience · 12 languages, including RTL
See CauseScope in action — from a disabled button to the data behind it

Actual CauseScope demo tracing a disabled React button to its source, state, and API response.

Try the interactive lab ↗

Creative lab

The browser is also a place to play. I explore atmosphere, interaction, and game systems through small playable worlds.

Silent Meridian screenshot: a brass mechanism beneath the moonlit dome of an observatory.

Inside Silent Meridian · The observatory, suspended at 00:17.

World What you'll find Explore
Silent Meridian · 静默子午线 An atmospheric puzzle game. Shift between the Present and its Echo across four chapters and thirteen puzzles. Play ↗
Last Beacon · 最后的灯塔 An isometric island defense game. Connect the power grid, build defenses, and keep the lighthouse alive. Play ↗
Ink Blade · 墨刃 An ink-inspired action prototype built with Three.js and WebGL 2. Combos, parries, and a rain-soaked bamboo forest. Play ↗

Tools & approach

Interfaces   TypeScript JavaScript React Next.js Vite
Developer tools   Node.js Chrome Extensions CLI
Creative work   Three.js WebGL AI-assisted workflows

  • Understand the mechanism. Follow the interface back to the code and data that shape it.
  • Keep changes focused. Solve the actual problem and preserve what already works.
  • Check the experience. Verify the outcome in the browser, beyond passing build checks.

Notes from the workbench — I write at blog.stackloom.org ↗.
Questions or ideas about a project? Its repository is a good place to start.

Built with curiosity. Refined through use.