Skip to content

Instantly share code, notes, and snippets.

View jeffscottward's full-sized avatar
👷‍♂️
BUIDLing

Jeff Scott Ward jeffscottward

👷‍♂️
BUIDLing
View GitHub Profile
@jeffscottward
jeffscottward / SKILL.md
Created January 26, 2026 14:49
Voice Notify skill for Claude Code - speaks summaries aloud after responses
Error in user YAML: (<unknown>): mapping values are not allowed in this context at line 2 column 50
---
name: voice-notify
description: ALWAYS end responses with <!-- VOICE: brief summary --> for audio notification. A Stop hook reads this and speaks it aloud. Use "quiet voice" to mute, "voice on" to unmute.
---

Voice Notify

ALWAYS end every response with a voice summary marker:

@jeffscottward
jeffscottward / mac-dev-setup.sh
Last active January 26, 2026 15:25
One-command Mac setup for Claude Code - installs Homebrew, Oh My Zsh, NVM, Node.js LTS, Git, and Claude Code CLI with plugins
#!/bin/bash
# =============================================================================
# Mac Development Setup for Claude Code
# =============================================================================
# This script installs everything you need to start using Claude Code on a Mac.
# Just copy and paste this entire script into Terminal and press Enter!
#
# What gets installed:
# - Homebrew (Mac package manager)
@jeffscottward
jeffscottward / code-editor-rules.md
Created December 17, 2024 18:57 — forked from yifanzz/code-editor-rules.md
EP12 - The One File to Rule Them All

[Project Name]

Every time you choose to apply a rule(s), explicitly state the rule(s) in the output. You can abbreviate the rule description to a single word or phrase.

Project Context

[Brief description ]

  • [more description]
  • [more description]
  • [more description]
/** @jsxRuntime classic */
/** @jsx jsx */
import React, { useEffect, useState } from 'react'
import { FileDrop } from 'react-file-drop'
import { jsx, Field, Flex, Button, Label, Box } from 'theme-ui'
import { pinFilesToIPFS } from '../utils/pinFilesToIPFS'
type MintFormProps = {}
let formData
@jeffscottward
jeffscottward / React-Picture-fallback-system.js
Created August 4, 2020 23:09
A React.js based picture fallback system for all devices all file types all resolutions and shows them accordingly depending on how many breakpoints you supply
const Picture = ({ name, path = "images/", bp = [] }) => {
let viewports = {};
let sizes = ["1x", "2x", "3x"];
let fileExtensions = {
svg: "svg+xml",
webp: "webp",
png: "png",
jpg: "jpeg",
gif: "gif"
};
import React from 'react'
const DynamicGrid = ({ xy, squareSize, data }) => {
console.log(data);
const rowCells = xy * 2 + 1
let rowFlag = true
let rowEnd = '20'
let gutter = '1'
let insertSpacesAtIndex = []
let dataCopy = [...data]
@jeffscottward
jeffscottward / layout.html
Created March 23, 2020 02:18
Nth of type selector with classes
<!-- https://codepen.io/brettdewoody/pen/rrKpPp -->
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ul>
This post links my 3Box profile to my Github account! Web3 social profiles by 3Box.
✅ did:muport:QmUxNyZzTQpVsCgsHUUxwjLdbBwXCLPiLnZuyNnACXnaTj ✅
Create your profile today to start building social connection and trust online at https://3Box.io/
@jeffscottward
jeffscottward / FormGroup.js
Created August 23, 2019 16:48
OrderForm w/ State: Label + Inputs w/ onChange State sync + via HOC (useContext)
import React from "react";
import capitalize from "../utils/capitalize";
const FormGroup = props => {
const {
group,
field,
onChange,
type,
size,
@jeffscottward
jeffscottward / Layout.js
Created August 5, 2019 16:11
Good Top Level Starting Point for React Projects
// Uses the HOC state provider from the other GIST
import React from "react";
import Header from "../components/Header";
import Main from "../components/Main";
import SampleComponent from "../components/SampleComponent";
import Global from "../constants/Global";