Web & Frontend

Generates a structured HTML prep file for the next working day by pulling calendar data via WorkIQ, classifying meetings, detecting conflicts, finding learning and deep-work slots, and providing productivity recommendations.

Build web-based games and game engines using HTML5 Canvas, WebGL, and JavaScript with frameworks like Phaser, Three.js, and Babylon.js.

Build production RAG pipelines and persistent agent memory using Pinecone as the vector database backend.

Runs AI-powered exploratory testing on web applications using the ScoutQA CLI, including smoke tests, accessibility audits, and user flow validation.

Capture screenshots of web apps during development using Playwright and PIL. Supports full-page captures, interactive states, and an iterate-on-crop workflow that avoids slow re-screenshots.

Test and debug local web applications using Playwright browser automation, including UI verification, screenshot capture, and console log inspection.

Controls and inspects a live Chrome browser for automation, debugging, and performance profiling using the Chrome DevTools MCP server.

Scans codebases for security vulnerabilities by reasoning about code context, data flow, and component interactions, covering injection flaws, secrets exposure, authentication issues, and weak cryptography across multiple languages.

Convert Markdown files to HTML using marked.js, pandoc, or custom scripts, supporting GFM, CommonMark, and templating systems like Jekyll and Hugo.

Publish presentations and web content to GitHub Pages. Converts PPTX, PDF, HTML, or Google Slides to a live GitHub Pages URL. Handles repo creation, file conversion, Pages enablement, and returns the live URL.

Run an AI-readiness assessment on the current repository and generate a static HTML dashboard at reports/index.html.

Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.

Migrate React string refs (ref="name" + this.refs.name) to React.createRef() in class components for React 18.3.1 and 19 compatibility.

Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases, covering components, composables, and stores with behavior-first assertions.

Visually inspect websites to identify and fix design issues including layout, responsive, accessibility, and visual consistency problems at the source code level.

Performs STRIDE-A threat model analysis of repositories and systems, producing architecture overviews, DFD diagrams, prioritized findings, and executive assessments. Supports both single analysis and incremental updates with change tracking.

Migrate Enzyme tests to React Testing Library for React 18 upgrades with a complete API mapping and behavior-testing philosophy.

Provides before/after patterns for migrating test files to React 19 compatibility, including act() imports, Simulate removal, and StrictMode call count changes.

Generate breadboard circuit mockups and visual diagrams for retro computing and electronics projects using HTML5 Canvas.

Migrates React legacy context API (contextTypes, childContextTypes, getChildContext) to the modern createContext API across all provider and consumer files.

Reference for every source-file migration required for React 19, including API changes, ref handling, and context updates.

Transforms business requirements, use case descriptions, or meeting transcripts into a technical Power Platform solution architecture, including component selection and Mermaid.js diagrams.

Provides grep scan commands for auditing React codebases before upgrading to React 18.3.1 or React 19.

Diagnose and fix automatic batching regressions in React 18 class components with a decision tree for setState behavior changes.

Check minimum dependency versions for React 18.3.1 and React 19 compatibility, resolve peer dependency conflicts, and decide on upgrade strategies.

Provides guidance for building and modifying content management systems across platforms like WordPress, Shopify, Drupal, and Webflow, covering themes, plugins, admin interfaces, media handling, content models, and static export workflows.

Create or update standardized object-oriented component documentation by analyzing source code and following a shared template with mode-specific guidance.

Explores websites using Playwright to identify core features and generate test cases.

Preserve React 18 concurrent patterns and adopt React 19 APIs (useTransition, useDeferredValue, Suspense, use(), useOptimistic, Actions) during migration.

Build scroll animations, parallax effects, pinned sections, and scroll-triggered reveals using GSAP ScrollTrigger or Framer Motion in vanilla JS, React, or Next.js.

Generates customizable prompts for scanning codebases to identify and document high-quality code exemplars, supporting multiple programming languages and configurable analysis depth.

Automates filling in a Microsoft Forms form using Playwright MCP, with a review step before submission.

Analyzes project folder structures, auto-detects technology stacks, and generates detailed blueprints with naming conventions, file placement patterns, and templates for consistent code organization.

Generates detailed, technology-agnostic implementation blueprints by analyzing project architecture, technology stacks, and data flow patterns.

Animate React and Next.js components with GSAP using the useGSAP hook, refs, and context-safe patterns for automatic cleanup and SSR compatibility.

Provides GSAP utility functions for math, value mapping, randomization, snapping, and unit parsing in animations.