Does this skill require Bun?

While optimized for Bun and pnpm, the skill emphasizes Justfile and CI parity to ensure commands work consistently across different environments.

How do I start the development environment?

The skill recommends using the tmux layout command which spins up Vite and Wrangler in split panes, or using the standardized 'pnpm dev' command.

Why does this skill disable UI animations by default?

Disabling animations and transitions creates a high-density, 'instant' UI feel and makes automated testing more reliable by removing timing-related flakiness.

What is the Dev Console Bridge?

It is a utility that wraps console methods in your frontend code to POST logs to a development-only Cloudflare Worker route, allowing you to see browser logs in your terminal.

React Cloudflare Stack Accelerator

Name: React Cloudflare Stack Accelerator
Author: gakonst

bygakonst

•

API開発

Optimizes development for Vite, React, and Cloudflare Worker stacks with advanced logging bridges, tmux layouts, and performance-focused UI defaults.

概要

This skill provides an agent-ready workflow tailored for modern JavaScript development using Vite, React, TanStack Query, and Bun, backed by Cloudflare Workers. It solves common pain points like fragmented logging by bridging frontend logs directly to the backend terminal and automates development environment setup through customized tmux layouts and Justfile parity. Additionally, it enforces a specific design aesthetic—dense, motion-free, and mobile-first—to ensure fast, accessible, and predictable user interfaces across the entire stack.

主な機能

Strict TypeScript Patterns: Standardizes data-first functions and typed error handling using 'satisfies'.
Motionless UI Defaults: Enforces square corners and zero-animation Tailwind styles for high performance.
Pre-configured tmux Layouts: Instant multi-pane setup for servers, workers, and log tails.
TanStack Query Optimization: Implements options-first hooks and robust cache management strategies.
Dev Console Bridge: Automatically pipe frontend logs to the backend terminal for unified debugging.
12 GitHub stars

ユースケース

Setting up a standardized, agent-friendly development environment for new React projects on Bun.
Enforcing a 'dense-first' and high-performance UI design system across a development team.
Debugging full-stack Cloudflare Worker apps without switching between browser and terminal consoles.

概要

主な機能

Strict TypeScript Patterns: Standardizes data-first functions and typed error handling using 'satisfies'.
Motionless UI Defaults: Enforces square corners and zero-animation Tailwind styles for high performance.
Pre-configured tmux Layouts: Instant multi-pane setup for servers, workers, and log tails.
TanStack Query Optimization: Implements options-first hooks and robust cache management strategies.
Dev Console Bridge: Automatically pipe frontend logs to the backend terminal for unified debugging.
12 GitHub stars

ユースケース

Setting up a standardized, agent-friendly development environment for new React projects on Bun.
Enforcing a 'dense-first' and high-performance UI design system across a development team.
Debugging full-stack Cloudflare Worker apps without switching between browser and terminal consoles.