This skill creates interactive diagrams as self-contained HTML pages with embedded SVG, working from a plain-language description, Mermaid, or evidence read from a repository. It covers system architecture, request sequences, state machines, data models, class contracts, and timelines, with dark and light themes and export to image, SVG, or WebM. Each diagram is checked against a schema before it is delivered. It is not meant to replace charts of numbers or dashboards.
Accessibility (Addy Osmani)Audits and improves web accessibility—semantics, keyboard, contrast, and ARIA practices.Coding agent
Add Firebase Authentication to an appThis skill guides adding Firebase Authentication to an app for user sign-in and account management. It covers users, identity providers, and tokens, then steps through provisioning, client setup, and security rules that limit data access by signed-in user.Coding agentFirebaseAuth
Agents SDK (Cloudflare)Builds agents on Cloudflare's Agents SDK with Workers-friendly patterns and constraints.Coding agent
Algorithmic ArtCreates seeded algorithmic art with p5.js and interactive parameter exploration.Coding agent
Animate web pages with GSAPThis skill is GreenSock's guide to the core GSAP API: tweens with to, from, and fromTo, easing, duration, stagger, and defaults. It also covers matchMedia for responsive and reduced-motion animation and when to pick GSAP over CSS or other libraries.Coding agentAnimationFrontend
Apple DesignApplies Apple-like interface and physical-motion design patterns to web experiences.Coding agentDesignFrontend
