Ian Channing ianchanning

TypeScript Coding Standards

These standards describe how to design and write TypeScript code in this codebase. They are especially intended for agents: before adding patterns, libraries, adapters, or abstractions, read the existing code and prefer the local convention unless it conflicts with the safety/correctness principles below.

Decision priority

When rules pull in different directions, use this order:

Preserve correctness, safety, and debuggability.
Follow established project architecture and conventions.

name: plan-goal description: >- Turn a fuzzy task into a verifier-first goal. Instead of planning how to do X, first write a self-contained prompt that CHECKS whether X is actually done, make that verifier the standing goal, then run plan→do→verify cycles against it until it passes. Use this whenever starting a non-trivial, multi-step task where "done" is ambiguous or premature success is a risk — especially when the user says "plan-goal", "verify-first", "define done", "set the goal", "how will we know this worked", or asks you to plan something substantial. Prefer this over jumping

name: tufte-viz description: | Ideate and critique data visualizations using Edward Tufte's principles from "The Visual Display of Quantitative Information." Use this skill when: (1) Designing new data visualizations or charts (2) Critiquing or improving existing visualizations (3) Reviewing dashboards or reports for graphical integrity (4) Deciding between visualization approaches (5) Reducing chartjunk or improving data-ink ratio (6) Planning small multiples or high-density displays

Pixel to Rem Converter

Features:

It reads the current pages root pixel size and unit size calculations will be based off of it
You can edit the root pixel size if you would like and all calculations of unit sizes will change accordingly
Updating the pixel value will update the rem value automatically
Updating the rem value will update the pixel value automatically
Using the copy buttons will append the unit name to the end of the value for you ex. 10px or 0.625rem

Why did you do this?

Relax, I only have one Sunday to work on idea, literally my weekend project. So I tried Deepseek to see if it can help. Surprisingly, it works and it saves me another weekend...

What is your setup?

Just chat.deepseek.com (cost = free) with prompts adapted from this gist.

Does it work in one-shot or I have to prompt it multiple times?

The experience of using Node.JS with TypeScript, ts-node, and ESM is horrible.

There are countless guides of how to integrate them, but none of them seem to work.

Here's what worked for me.

Just add the following files and run npm run dev. You'll be good to go!


	╭────────────────────────────────────────────╮
	│ ✻ Welcome to Claude Code research preview! │
	│ │
	│ /help for help │
	│ │
	│ cwd: /Users/v/vic/dev/IC │
	╰────────────────────────────────────────────╯

	! cat InteractionCalculus.md

	// Usage:
	// Replace React.lazy(() => import('x'));
	// with retryDynamicImport(() => import('x'));

	import { ComponentType, lazy } from 'react';

	const MAX_RETRY_COUNT = 15;
	const RETRY_DELAY_MS = 500;

	// Regex to extract the module URL from the import statement

	/**
	* This monkey patch fixes an error reporting issue with sequelize errors in tests,
	* which was fixed in Sequelize v7, but hasn't been back-ported to Sequelize v6.
	* See https://github.com/sequelize/sequelize/issues/14807#issuecomment-1854398131
	*
	* It should only be used in the test env, to make Sequelize error messages show up.
	* This can be removed when we upgrade to Sequelize 7, or when the issue is fixed in v6.
	*/

	const { Sequelize } = require('sequelize')

	function grecent() {
	local branches branch
	branches=$(git branch --sort=-committerdate --format='%(HEAD) %(color:yellow)%(refname:short)%(color:reset) - %(contents:subject) %(color:green)(%(committerdate:relative)) [%(authorname)]') \
	&& branch=$(echo "$branches" \| fzf --ansi) \
	&& branch=$(echo "$branch" \| awk '{print $1}' \| tr -d '*') \
	&& git checkout "$branch"
	}