skills.rest
gakonst
gakonstCOMMUNITY
Explore all skills by this author →
Website𝕏@gakonstGitHub

javascript

Sets up a tmux session with Vite, Wrangler, and log tails for JavaScript frontend development.

Updated Aug 23, 2026
Search Tags:#development#debugging#react#javascript#cloudflare workers#bun#vite
One-click install
npx skills add https://github.com/gakonst/dotfiles --skill javascript-gakonst
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: javascript
Source: https://github.com/gakonst/dotfiles/tree/main/.codex/skills/javascript
Command: npx skills add https://github.com/gakonst/dotfiles --skill javascript-gakonst

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the complexity of setting up and debugging modern JavaScript frontends (Vite+React+TanStack Query) with Cloudflare Workers and Bun. It solves issues like scattered logs, inconsistent UI defaults, and the overhead of manual environment setup, allowing developers to focus on coding rather than configuration.

Core Features & Use Cases

  • Frontend-to-Backend Log Bridge: Pipes frontend console logs directly to the backend log stream, eliminating the need to constantly switch to browser dev tools.
  • Tmux Dev Environment Bootstrap: Automatically sets up a tmux session with panes for Vite, Wrangler, and both frontend/backend log tails, creating an agent-ready development environment.
  • Opinionated UI Defaults: Enforces dense, square, no-animation, mobile-responsive UI styling for consistent and information-rich interfaces.
  • Use Case: When starting a new feature, simply run just dev to instantly spin up a fully configured development environment with integrated logging and consistent UI, saving significant setup time.

Quick Start

Set up your development environment by running 'just dev' in your project root to start Vite, Wrangler, and log tails in a tmux session.