Toolbox

Templates, checklists, and specs you can ship with.

Practical resources for governance, adoption, and AI-accelerated delivery. Download, adapt, ship.

Resource index

Start with the highest-impact tools.

Design System Adoption Playbook (2026)New

A practical playbook for driving adoption without slowing shipping.

Governance Pack: RACI + RFC template + release checklist

The minimum governance that keeps velocity without chaos.

Figma<->React Alignment Handbook

Component contracts and naming rules that reduce churn.

Design Debt Audit Checklist

A fast audit that surfaces drift, gaps and risky UI areas.

Adoption Dashboard Spec (metrics + cadence)

The minimum metrics setup that makes adoption visible.

Growth Experimentation Framework

A data-driven cycle for testing adoption tactics.

Token Migration Playbook

Step-by-step guide for migrating to semantic tokens.

Component Inventory Audit

Template for mapping what exists, what is missing and what drifts.

AI Prompt Library for Design Systems

Copy-paste prompts for documentation, audits and code generation.

LLM Component Schema Template

Component schema template for AI-ready documentation.

Design System ROI Calculator

Quantify your system's value in business terms stakeholders understand.

Executive Pitch Deck for Design Systems

Present your design system investment case to non-technical stakeholders.

Design System Progress Dashboard Spec

Define what metrics to show stakeholders monthly and quarterly.

Toolbox resources with descriptions and download links
Resource	Summary	Download
Design System Adoption Playbook (2026)New	A practical playbook for driving adoption without slowing shipping.	Open
Governance Pack: RACI + RFC template + release checklist	The minimum governance that keeps velocity without chaos.	Open
Figma<->React Alignment Handbook	Component contracts and naming rules that reduce churn.	Open
Design Debt Audit Checklist	A fast audit that surfaces drift, gaps and risky UI areas.	Open
Adoption Dashboard Spec (metrics + cadence)	The minimum metrics setup that makes adoption visible.	Open
Growth Experimentation Framework	A data-driven cycle for testing adoption tactics.	Open
Token Migration Playbook	Step-by-step guide for migrating to semantic tokens.	Open
Component Inventory Audit	Template for mapping what exists, what is missing and what drifts.	Open
AI Prompt Library for Design Systems	Copy-paste prompts for documentation, audits and code generation.	Open
LLM Component Schema Template	Component schema template for AI-ready documentation.	Open
Design System ROI Calculator	Quantify your system's value in business terms stakeholders understand.	Open
Executive Pitch Deck for Design Systems	Present your design system investment case to non-technical stakeholders.	Open
Design System Progress Dashboard Spec	Define what metrics to show stakeholders monthly and quarterly.	Open

Devtools

Open-source devtools from my GitHub repositories and npm packages.

@vertaaux/cli

Automated UX audits, accessibility checks and performance analysis from terminal or CI.

a11y-safe-autofix

Deterministic ESLint fixes for React/TSX accessibility.

audiodiff-report

Alignment-aware audio diff reports with CI gating and producer-friendly metrics.

breakpoint-collage-diff

Playwright CLI to collage breakpoints and diff against baselines.

dev-toolbox

Practical scripts, profiles, and templates to scaffold and maintain production-grade repos.

it-seems-fine-linter

CLI that detects vibes-based engineering phrases and scores risk.

social-preview-doctor

CLI that emulates social crawlers to debug OG/Twitter previews.

stylelint-plugin-rhythmguard

Enterprise-grade Stylelint plugin for spacing scale and token enforcement.

toolbox-starter-node-cli

Production-ready Node CLI starter scaffolded by dev-toolbox.

vertaaux-sdk

Official TypeScript SDK for VertaaUX.ai accessibility and UX auditing.

vf-web-kit

Build production-ready variable font web kits with subsetting, CSS, and tokens.

works-on-my-machine-badge

GitHub Action that updates a repository badge JSON from CI results.

Devtools resources with descriptions and outbound links
Tool	What it does	Link
@vertaaux/cli	Automated UX audits, accessibility checks and performance analysis from terminal or CI.	Open npm
a11y-safe-autofix	Deterministic ESLint fixes for React/TSX accessibility.	Open repo
audiodiff-report	Alignment-aware audio diff reports with CI gating and producer-friendly metrics.	Open repo
breakpoint-collage-diff	Playwright CLI to collage breakpoints and diff against baselines.	Open repo
dev-toolbox	Practical scripts, profiles, and templates to scaffold and maintain production-grade repos.	Open repo
it-seems-fine-linter	CLI that detects vibes-based engineering phrases and scores risk.	Open repo
social-preview-doctor	CLI that emulates social crawlers to debug OG/Twitter previews.	Open repo
stylelint-plugin-rhythmguard	Enterprise-grade Stylelint plugin for spacing scale and token enforcement.	Open repo
toolbox-starter-node-cli	Production-ready Node CLI starter scaffolded by dev-toolbox.	Open repo
vertaaux-sdk	Official TypeScript SDK for VertaaUX.ai accessibility and UX auditing.	Open repo
vf-web-kit	Build production-ready variable font web kits with subsetting, CSS, and tokens.	Open repo
works-on-my-machine-badge	GitHub Action that updates a repository badge JSON from CI results.	Open repo

Accessibility testing tools

Manual checklists are a start, but automation catches what humans miss.

For design system accessibility, I use axe-core for component-level testing, Lighthouse for page audits, and VertaaUX for continuous WCAG monitoring across live products. The combination catches issues at different stages: build time, CI, and production.