Web & Frontend

Generates a single-frame HTML template with a cinematic film-leak aesthetic: warm light leaks, 35mm grain, 2.39:1 letterbox, and serif typography for opening titles or chapter cards.

Guides building video-generation SaaS apps with Remotion, covering framework selection, the Player component, and rendering options across Lambda, Vercel, Node.js, and Cloudflare.

Scaffolds a new Remotion video project, guides React markup design with video layout rules, and starts the Remotion Studio preview server.

Guidance for writing Remotion React markup with animation patterns, media handling, sequences, effects, and advanced features like 3D, audio visualization, and parameterized videos.

Provides a Caption type definition and links to skills for transcribing, displaying, and importing captions in Remotion videos.

Provides best practices for creating Remotion animations that remain intuitive for AI agents and editable in Remotion Studio Visual Mode.

Guides front-end JavaScript reverse engineering through a structured observe-capture-rebuild workflow using js-reverse MCP tools and optional jshookmcp for browser automation, CDP debugging, and runtime hooking.

Unified automation entry point covering browser automation with Playwright and Windows desktop app automation with OpenReverse for GUI interaction, network capture, and reverse engineering workflows.

Maps and reproduces OAuth/OIDC authentication chains by tracing redirects, token exchange, and identity acceptance in controlled environments.

Search, browse, and analyze content on Xiaohongshu (Little Red Book) including feeds, note details, comments, and user profiles.

Takes a PRD, reference URL, screenshot, or keywords to produce a DESIGN.md specification, then generates production-ready web code that meets UI/UX, visual, motion, and responsive standards.

Automates browser interactions — navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, and running assertions — using a native Rust CLI.

Converts WeChat Official Account articles into clean Markdown files with YAML frontmatter, locally downloaded images, and preserved code blocks.

Query NFT and token data, trade NFTs on Seaport, swap ERC20 tokens via DEX aggregator, configure wallet signing providers, and build/register/gate AI agent tools on Base.

Build, register, and gate AI-callable tool endpoints using the OpenSea Tool Registry (ERC-8257) on Base, with NFT ownership, subscription, trait, or pay-per-call access control.

Create zero-dependency, animation-rich HTML presentations that run entirely in the browser, supporting new builds, PowerPoint conversion, or enhancements with strict viewport and design constraints.

Converts HTML slide decks into offline PDF and image-based PPTX files using Playwright screenshots, preserving visual fidelity.

Guides building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4, covering setup, runes, forms, styling, deployment, and migration through curated documentation and a structured search workflow.

Converts academic papers into interactive HTML courses, Markdown documents, and PPTX presentations in a single run.

Build type-safe APIs with tRPC, covering procedures, routers, middleware, React integration, subscriptions, and error handling.

Classifies HTML pages, forms, and fields using machine learning to detect page types, form types, and field types from HTML content or URLs.

Build, deploy, and interact with Juicebox V5 projects, including revnets, hooks, and omnichain deployments, with API references, implementation details, UI generation, and GraphQL queries.

Generates type-safe TypeScript clients from OpenAPI specs using Orval, covering configuration, React Query/SWR hooks, custom mutators, and MSW mocks.

Guides implementation of accessible web interfaces to meet WCAG 2.2 AA, WAI-ARIA 1.2, and WCAG2ICT standards, covering semantic HTML, ARIA patterns, focus management, and automated validation.

Generate A2UI 0.8 protocol compliant UI code for agent-driven interfaces, including JSONL messages for surface updates, data model updates, and rendering.

Provides Kelvin Garr's fixed AICA brand identity and Next.js 14 implementation guide for building his personal sites and AICA-branded projects.

Tests local web applications by writing native Python Playwright scripts, with helpers for server lifecycle management, DOM inspection, and screenshot capture.

Publishes articles and image-text posts to a WeChat Official Account via browser automation or API, converting markdown to HTML and validating metadata.

Fetches any URL via Chrome CDP and converts HTML to clean markdown, supporting auto-capture and wait-for-user modes for login-required pages.

Renders table cells with a red-to-green background gradient based on numeric values (0-100) using jQuery and chroma.js, skipping non-numeric content.

Converts Markdown files to styled HTML with inline CSS, supporting themes, code highlighting, math, diagrams, footnotes, and alerts, optimized for WeChat and other platforms.

Turns folders, codebases, websites, PDFs, documents, and research topics into source-grounded HTML documents, narrated videos, or learning courses; publishes and revises collaborative HTML pages via CLI, REST API, and MCP server.

Self-hosted web crawling and content extraction exposed as MCP tools, with depth control and clean markdown output.

Fetches MDN Web Docs content via the Yari API and search index, including browser compatibility data, Web API references, and CSS property documentation, with offline lookups using the BCD npm package.

Audits UX quality of a codebase or validates implementation against design mockups, then fixes issues and commits changes.

Polishes UI primitives one at a time using research-backed patterns: adds loading and icon states to buttons, replaces inline skeletons with primitives, adds secondary actions to errors, ensures 48px touch targets and visible focus indicators, and applies a standard motion token ladder.