js

Community

Dev-ready JS stack with logs bridged.

Authorgakonst
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates development workflows for a full JS frontend stack (Vite + React + TanStack Query) on Bun with a Cloudflare Worker backend. It includes a dev-console bridge to pipe FE logs to backend logs, a tmux layout for server/log tails, dense/no-motion UI defaults, and Justfile/CI parity guidance.

Core Features & Use Cases

  • Dev-console bridge: forwards browser FE console messages to the backend with timestamps for easier debugging without switching contexts.
  • Worker receiver & logging: backend captures frontend logs, preserving context during development.
  • tmux layout: a ready-to-run pane arrangement for Vite, backend, and log tails to speed up debugging.
  • UI defaults: dense, zero-animation UI baseline suitable for rapid iteration.
  • TypeScript & React patterns: guidance on type-first imports, satisfies, and explicit query options to improve maintainability.

Quick Start

Start dev with the standard stack: pnpm dev (or bun run dev --host 0.0.0.0 --port 5173); ensure Wrangler/CF Worker dev parity is configured if needed.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: js
Download link: https://github.com/gakonst/dotfiles/archive/main.zip#js

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository