Real frontend engineering, not tutorial fluff

Field Notes for Working Frontend Engineers

Practical deep-dives on design systems, frontend architecture, AI-assisted workflows, and the decisions that happen after the tutorial ends.

Join Newsletter Browse Articles

Get practical frontend engineering notes, real project lessons, and downloadable resources as they ship.

◇Design Systems

Tokens Pipeline

Problem

Design tokens drift across apps

System

Tokens Studio
  ↓
Style Dictionary
  ↓
Panda CSS
  ↓
Storybook

One source of truth for UI decisions

What you'll find here

Practical frontend engineering, organized by what you actually work on

Every piece of content comes from real projects — no synthetic examples, no tutorial fluff.

Design Systems

Tokens, components, Storybook, documentation, and UI platform thinking.

Frontend Architecture

Patterns, tradeoffs, folder structures, app design, and production decisions.

AI Workflows

Practical ways to use AI tools without handing over your brain.

Project Kits

Downloadable starters, templates, and reusable frontend foundations.

Debugging Notes

Real-world fixes for annoying browser, tool, API, and deployment issues.

Career Field Notes

Lessons from senior frontend work, client projects, and product engineering.

Get the field notes before they become articles

Join the newsletter for practical frontend engineering notes, AI workflow experiments, design system lessons, and downloadable resources.

No spam. No fluff. Just useful engineering notes.

Latest

Hi, I'm Jimmy

I'm a senior frontend engineer, design system lead, and founder of JG Designs. I build production software, client sites, internal tools, and AI-assisted workflows — then write down the lessons that are actually useful.

These notes are for engineers who are past the beginner tutorial stage and want practical, real-world frontend thinking.

More about me →

Credentials

Senior Frontend EngineerDesign SystemsNext.jsStorybookAI WorkflowsClient Projects