Paul Grenier AutoSponge

CLAUDE.md — Code Quality Best Practices

30 universal principles distilled from Kent Beck's Smalltalk Best Practice Patterns, generalized for any codebase.

Composed Method Divide every function into sub-functions that each perform one identifiable task. Keep all operations in a method at the same level of abstraction. This naturally produces many small methods, each a few lines long.
Intention-Revealing Names Name methods/functions after what they accomplish, never how they accomplish it. A reader should understand the purpose of a call without reading its body.
Replace Comments with Clear Code

Read my entire setup before responding. Check my CLAUDE.md, every skill in my skills folder, every file in my context folder, and any other instruction files you can find. Then go through every rule, instruction, and preference you found. For each one, tell me:

Is this something you already do by default without being told?
Does this contradict or conflict with another rule somewhere else in my setup?
Does this repeat something that's already covered by a different rule or file?
Does this read like it was added to fix one specific bad output rather than improve outputs overall?
Is this so vague that you'd interpret it differently every time? (ex: "be more natural" or "use a good tone") Then give me:

A list of everything you'd cut, with a one-line reason for each
A list of any conflicts you found between files

M-Enabling Summit Innovation Sprint Cognitive Disabilities

Groups

World Wide Web Consortium (W3C)
International Organization for Standardization (ISO)
Cognitive and Learning Disabilities Accessibility Task Force (Coga TF) - W3C
Accessibility Guidelines Working Group (AG WG) - W3C
Accessible Platform Architectures Working Group (APA WG) - W3C
WAI-Adapt Task Force (formerly Personalization) - W3C

Axe Custom Command for Scriptwriter

install playwright npm i -g playwright.
install scriptwriter npm i -g scriptwriter.
create a folder to run scriptwriter from and to load and save files.
install axe-core npm -i axe-core. You can load the axe-core.command.json file to show you how to build your own commands.
start scriptwriter scriptwriter. You can load into -b firefox or -b webkit.
copy the axe.command.js file to your folder and .load axe.command or paste it right into the repl.
next, navigate to a site using page.goto or if you used scriptwriter --no-headless you can browse.

	class TextDecoderStream extends TransformStream {
	constructor(encoding = 'utf8') {
	super({
	start() {
	this.decoder = new TextDecoder(encoding);
	},
	transform(chunk, controller) {
	controller.enqueue(this.decoder.decode(chunk, { stream: true }));
	},
	});

	// start scriptwriter (see https://scriptwriter.dev)
	function* walkAxTree(node, filter) {
	if (filter(node)) {
	yield node;
	}
	const children = node.children \|\| [];
	for (const child of children) {
	yield* walkAxTree(child, filter);
	}
	}

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Minimal Custom Elements (light & shadow)!</title>

	<!-- Import the webpage's stylesheet -->
	<link rel="stylesheet" href="/style.css" />

	<!-- Import the webpage's javascript file -->
	<script src="/script.js" defer></script>

	Array.from(document.querySelectorAll('[id]')).reduce((cache, el) => {
	const els = cache[el.id] \|\| [];
	cache[el.id] = els.concat(el);
	return cache;
	}, {})

	const got = require('got');
	const cheerio = require('cheerio');
	const natural = require('natural');
	const sentenceTokenizer = new natural.SentenceTokenizer();
	const wordTokenizer = new natural.WordTokenizer();
	const automatedReadability = require('automated-readability');
	const page = 'https://www.24a11y.com/2019/automating-inclusive-documentation/';
	const { smaller } = require('@betterer/constraints');

	module.exports = {