Skip to content

Instantly share code, notes, and snippets.

View cynthiateeters's full-sized avatar
🏠
Working

Cynthia Teeters cynthiateeters

🏠
Working
View GitHub Profile
@cynthiateeters
cynthiateeters / speed-up-claude-code-cli-tools.md
Created March 4, 2026 16:04
Speed up Claude Code with modern CLI tools (bun, ripgrep, fd, sd, jq, parallel)

Speed up Claude Code with modern CLI tools

Claude Code runs shell commands constantly — finding files, searching code, processing JSON, running scripts. The default Unix tools (find, grep, sed, node) work, but modern replacements written in Rust and Zig are significantly faster.

Installing these tools and telling Claude Code to prefer them can noticeably speed up your workflow.

The tools

Default tool Modern replacement Speedup Purpose
@cynthiateeters
cynthiateeters / claude-compact-tip.md
Last active March 5, 2026 00:14
Claude Code: /compact with targeted instructions

Claude Code: Faster /compact with Targeted Instructions

The bare /compact command compresses your conversation but reads everything first—tool output, file contents, web fetches, search results. That takes minutes and often loses important context.

The fix: tell it what to keep

Create ~/.claude/commands/compact-guide.md with one line:

/compact Focus on: current task, file paths modified, decisions made, user preferences stated. Drop: tool output, search results, web content, file contents already acted on.
@cynthiateeters
cynthiateeters / custom-cowsay-gist.md
Created February 25, 2026 19:33
Using custom cowsay files with configurable eyes

Custom cowsay files with configurable eyes

The npm cowsay package supports loading custom .cow files from any path, not just the built-in ones. This lets you create modified versions with configurable features like dynamic eyes.

The discovery

Looking at the cowsay source code in lib/cows.js:

Writing markdown files for AI assistants

Builds on concepts from Introduction to Markdown.

Markdown files serve a dual purpose when working with AI coding assistants: they're human-readable documentation AND machine-parseable instructions. This tutorial explores the design considerations most users overlook.

The invisible audience problem

When you write a README.md, you think about human readers. When you write a .github/copilot-instructions.md, you're writing for an AI that will interpret your instructions. But here's what many users miss: the AI reads your markdown differently than humans do.

@cynthiateeters
cynthiateeters / 2026-01-20_14-30-markdown-learning.md
Created January 22, 2026 15:25
Example SpecStory history file - HAP's Markdown learning session

Markdown learning (2026-01-20 14:30Z)

User (2026-01-20 14:30Z)

I need to know how to write markdown

@cynthiateeters
cynthiateeters / index.html
Last active November 2, 2025 21:29
modern responsive CSS Grid approach and semantic structure
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Visual Story Project - Midterm</title>
<link rel="stylesheet" href="style.css">
</head>
@cynthiateeters
cynthiateeters / hap-design.md
Last active October 13, 2025 22:23
HAP's Color Learning Lab - Design Rules Guid

HAP's Color Learning Lab - Design Rules Guide

1. HTML Structure & Patterns

Core HTML Template

  • DOCTYPE: HTML5 with lang="en"
  • Head Elements Order:
    1. Meta charset and viewport
  1. Title with consistent pattern: "HAP's Color Learning Lab - [Station Name/Description]"

Lighthouse Analysis & Improvement Plan

from your JSON audit

1. Summary: Strengths & Weaknesses by Category

Category Strengths Weaknesses / Opportunities
Performance • FCP (First Contentful Paint) ~1.8 s (score ~0.89) oai_citation:1‡Gist
• LCP ~1.8 s (score ~0.98) oai_citation:2‡Gist
• No HTTP → HTTPS issue (site is local) oai_citation:3‡Gist
• Viewport meta is correct (“width=device-width, initial-scale=1.0”) oai_citation:4‡Gist
• Room to reduce render-blocking CSS/JS
• Potential unused CSS or JS
• Optimizing critical path to further lower FCP/LCP
• Further improve time to interactive and reduce total blocking time
Accessibility • Some
{
"lighthouseVersion": "12.8.1",
"requestedUrl": "http://127.0.0.1:5500/index.html",
"mainDocumentUrl": "http://127.0.0.1:5500/index.html",
"finalDisplayedUrl": "http://127.0.0.1:5500/index.html",
"finalUrl": "http://127.0.0.1:5500/index.html",
"fetchTime": "2025-10-04T01:03:53.076Z",
"gatherMode": "navigation",
"runWarnings": [],
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36",