Matthewharwood

This skill helps you optimize JavaScript tasks by prioritizing native APIs and lightweight utilities for objects, arrays, strings, numbers, and functions.

This skill helps you apply Material Symbols v3 iconography consistently across UI components, improving accessibility, sizing, color integration, and animation.

This skill helps you integrate Material Symbols v3 icons across UI elements by importing, styling, and scaling variable font icons for consistent design.

This skill helps you implement fluid CSS grid layouts with 12 columns and responsive gutters using Utopia utilities.

This skill helps you apply a fantasy-themed, accessible color system by using semantic tokens and CSS vars across surfaces, states, and themes.

This skill helps you write robust production JavaScript by applying pragmatic rules for async error handling performance and testing.

This skill helps you craft semantic, accessible, and high-performance HTML by applying 30 production-ready rules across structure, forms, and SEO.

This skill helps implement accessible, responsive motion patterns using Anime.js v4 for UI feedback, transitions, and celebratory animations.

This skill helps you implement clear UX feedback patterns for success, errors, loading, and progress across components and interactions.

This skill helps design and implement clear multi-step user flows, routing, state management, and progressive disclosure in vanilla JavaScript games.

This skill helps you implement fluid typography using Utopia scale with container query units to improve readability and visual hierarchy.

This skill helps you implement interactive component states with accessible hover, focus, loading, and error feedback for buttons, inputs, and cards.

This skill helps you implement fault-tolerant web audio with zero-lag playback and responsive sound effects across pages.

This skill defines a zero query, attribute driven web components architecture using declarative shadow DOM and handleEvent patterns with pure browser APIs.

This skill helps you implement a fluid Utopia spacing system with container-query aware tokens to create consistent, responsive layouts.

This skill enables smooth web components animations using Anime.js 4 for drag interactions, visual feedback, swaps, and automatic cleanup.