dev-skills

Skip to content

Main Navigation Home Skills

Appearance

Sidebar Navigation

Agent Instructions

Fewer Approvals

Follow Instructions

Interview Me

No Hallucination

Prevent Mistake

Recap Current Work

Research

Agent Skills

Create Skill

Installing Dev Skills

Skills Library Maintenance

Apple Development

Apple Development with Claude

SwiftUI Architecture

SwiftUI Project Setup

TestFlight Distribution

The Development Loop

Troubleshooting

Code Design

Intention-Revealing Code

Code Style

Adding a New Lint Rule

Bash Style

Code Style

CSS Style

HTML Style

JavaScript Style

Markdown Style

Coding Agents

Agent Instructions

Claude Code Done Marker

Claude Code Permissions

Claude Code Remote Workflows

Claude Code Settings

Claude Code Status Line

LLM Environment Tools

Pi Coding Agent

Pi Permissions

Update AI Agent CLIs

Design

Goals–Signals–Metrics Process

HEART Metrics

Structured design decision process

Visual Language Through Style Tiles

Visual Language Through Style Tiles — Worked Example

Development Methods

Code vs. Scripts vs. Docs

Diagnose Root Cause

Phased Migrations

Refactoring

Test-Driven Development

Dev Tasks

Address FIXMEs

Dev Serve

Diagnose Root Cause

macOS Source Code Volume

Git

Commit

Conflict Resolution

Git Fundamentals

Uncommitted Changes

Worktrees

GitHub

Begin Work

CI Browser Tests

Claude GitHub Action

GitHub CLI and Repository Patterns

GitHub Issue Editing

GitHub Issues

GitHub Workflow

PR Review Comments

Publish to GitHub Pages

Pull Request Workflow

Google Cloud

App Engine Deployment

Cloud SQL Proxy Lifecycle

Google Cloud General Patterns

JavaScript

Async Iterators with Repeater

Async JavaScript Patterns

Async Pipe

Automatic Resource Management

Browser Log Forwarding

Chunking Async Iterables

Class-Based State Machines

Composable Schema Validation

Custom Logger

Debouncing Async Iterables

Deferred Promise

Delay and Interval Utilities

Dot-Path Property Access

Enum Classes

Event to Async Iterator

Filter Object

Index File Re-exports

Layered Dispatch

Multicasting Async Iterables

Non-Concurrent Operations

Options with Defaults

Progress Tracking

Random Utilities

Readable Regular Expressions

RelativeURL

Resolve All Promises

Result Type

Timer Patterns

Unit-of-Work Telemetry

Node.js

Auto Port Selection

Child Process Cleanup

CJS Utilities in ESM

CLI Subcommands

Database Migrations

Dotpath Template Tag

EJS with Includes and `require()`

Express Utility Handlers

Express.js Core Patterns

File Path Resolver

File-System Auto-Routing

file() Utility

Fix npm Vulnerabilities

Fractal Express Pattern

HTTP Error Classes

Named SQL Parameters

Node.js child_process Functions

Node.js Module Patterns

npm Workspaces

Pretty Error Formatting

Promisified Server Startup

Proxy Middleware with Fallthrough

Publish to GitHub Packages

Query Objects and Resource Classes

Request Logging Middleware

Shell Command Tag

Simple RPC

SQL Queries in Separate Files

Watch Mode

WHATWG Request/Response Adapter

Personas

Full-Stack Software Engineer

Product Designer

Product Manager

Prompt Engineering

Adaptive Goal Decomposition

Prompt Structure

Session Continuity Protocol

Structured Prompt Template

Target Convergence Prompt

Task List

Test Plan as Spec

Test-Driven Development

WORK Example

WORK Template

Work Tracking

Testing

Evals

In-Browser Testing

JavaScript Testing

Playwright Browser Testing

Playwright Mouse Cursor

Playwright Screenshots

Screenshot Diff Testing

Web

Animate Overlay from Trigger

Animated Collection Updates

Animated SVGs

Async Component Loading

Authentication

Auto Nav

Better DOM API

Binary File Handling

Browser HTTP

Browser Module System

Button Layout Stability with Dynamic Content

CDN Icons with SVG Sprites

Chrome DevTools MCP

Clickable Container with Child Controls

Content Diffing

Copy Buttons

CSS Anchor Positioning

CSS Centering

CSS Color Scales

Declarative Element Behavior

Deploy a Small Stateful Web App

Document Bootstrap

DOM Factory

Dynamic Styles

Encapsulation

Extension Patterns

File a Bug Button

Focus Styling

Homepage Hero

Hot Reload for Local HTML Files

HTML Includes

Inert Controller

Keyboard shortcut listener

Linked Assets

Load Packages from CDN

Local Dev No Cache

Multi-Page App Layout Stability

Persistent Browser Sessions

Playwright CLI

Publishing Web Components

Reactive DOM Binding

Reactive Page URL

Reference Counting Lock

Roving Tabindex

Scroll Lock

Search

Semantic DOM Snapshot

Semantic Selectors

Single-File HTML App

Site Interaction

Text Highlighting

Transmogrifier

Visual DOM Snapshots

Vite Configuration

Vite HTML Includes Plugin

Vue Autofocus Directive

Vue Input Component

Vue Multi-Page Application

Vue Select Component

Vue useDataLoader Composable

Vue useForm Composable

Vue useInert Composable

Vue useProgress Composable

Vue useScrollLock Composable

Vue useShowHide Composable

Vue ValidationErrors Component

Vue Watcher Class

Writing Style

Clear Writing

Dashes and Hyphens

What Before Why or How

Writing Style

On this page

Purpose:

Done when:

Status: Not Started

Progress: ~0%

Plan

[ ]
[ ]
[ ]

Session Log

Session 1 —

What happened:

Created workstream

Blocked on: Nothing

Next:

Pager

Previous pageWORK Example

Next pageWork Tracking