kugiri

Kage is an interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js and WebGL. As the page scrolls, a camera moves through procedurally constructed architecture, lantern light, fog, rain, drifting leaves, terrain, a vermilion moon, and a restrained bloom pipeline. Generated scene plates, alpha-preserving WebP foreground artwork, editorial typography, and section-specific fade and blur transitions are layered over the live 3D world. The project is a deliberately small static site contained in one HTML document, using a vendored Three.js r149 build without a package manager or build step. It includes chapter navigation, responsive mobile layout, reduced-motion behavior, and a custom cursor for precise pointer devices; it has no runtime network dependency. No license is granted for reuse or redistribution of the original Kage code or artwork, while the included Three.js runtime retains its MIT license notice.

Krbn, pronounced “Carbon,” is an open-source TypeScript web engine for non-photorealistic, pencil-style rendering of 3D scenes to SVG. It is intended for abstract and technical scenes, with medical and organic illustration described as a future direction. Rather than rendering surfaces as pixels, Krbn derives, classifies, and styles strokes from geometry. Its analytic primitives produce exact silhouettes such as conics and the true quartic of a torus; hidden lines are split into visible and ghosted runs; intersections are solved using low-degree polynomial roots; and triangle meshes pass through the same rendering pipeline. Hatching provides shading and transparency through stroke density and direction, including curvature-following patterns such as sphere parallels and meridians, torus loops, and streamlines on arbitrary meshes. Scene semantics such as importance, focus, and role guide what the engine draws, ghosts, or abstracts. The pipeline includes hidden-line visibility, suggestive contours, hand-drawn wobble, and variable-width strokes. Wobble is seeded from stable stroke identities so animated camera movements do not cause the lines to boil between frames, and the project aims to emit deterministic, byte-identical SVG on a given platform. It supports scene and animation construction through an API, with examples including STL and OBJ imports and an animated camera orbit. Krbn is MIT-licensed.

A software component that animates rolling number values using CSS keyframes.

rangi is a tiny, synchronous syntax-highlighting library that converts code into self-contained HTML with theme colors inlined as style attributes, requiring no stylesheet, client-side JavaScript, hydration, or global registry. It bundles 46 languages and 25 themes, supports automatic language detection, custom languages, inline or block output, optional line numbers, raw tokens for custom rendering, and ANSI terminal output. The package has zero runtime dependencies; its full bundle is about 13.2 kB minified and gzipped, while the core code-to-HTML entry point is about 1.5 kB. It runs in Node.js, browsers, workers, and templates, and also provides a command-line interface.

Bang Motion is an agent skill for building browser-based motion graphics such as product openers, promos, bumpers, channel intros, kinetic typography, lower thirds, and explainers. It produces a single index.html that plays in a browser and encodes anti-slide rules: scenes change through camera or world movement rather than section fades, subjects or shared worlds persist, motion occurs continuously, and text and numbers remain part of the scene. Its deterministic timeline makes each frame a pure function of time for exact scrubbing and frame-by-frame export, while a shared camera rig supports flowing-world and camera-through-collage modes. The skill includes five explainer starters—cartoon collage, visual journalism, white catalog, vintage sketch, and continuous action—along with configurable style briefs, background motion, surfaces, transitions, highlight shapes, voice-over re-timing, and optional Puppeteer and FFmpeg scripts for verification and MP4 export. It can be installed as a Claude Code plugin or copied into Claude Code, Codex CLI, Gemini CLI, Cursor, or another agent workflow; watching the output requires only a browser and internet connection. The repository is licensed under MIT.