HTML plugins

Create, read, edit, and generate Office documents — Excel spreadsheets, Word reports, PowerPoint presentations — plus PDF manipulation, form filling, and conversion between formats. Also includes art/image generation, frontend UI building, and document co-authoring workflows.

Control Chrome programmatically through the DevTools Protocol via MCP — debug web pages, automate browser interactions, run performance and accessibility audits, capture screenshots, and diagnose memory leaks, all from an AI assistant.

Generate algorithmic art manifestos as p5.js sketches, build Godot 4 games with GDScript patterns, develop Unity games with optimized C# and URP/HDRP pipelines, and apply 2D/3D game development and design principles for indie game prototyping.

Design and build immersive web experiences with mobile-first, scroll-driven animations, 3D elements, and production-grade interfaces, guided by aesthetic principles and UX/UI best practices.

Automate SEO content strategy and optimization—from keyword research and article generation to structured data validation and content structure analysis—to improve search rankings.

Enforce award-winning UI/UX design taste in frontend projects, generating premium brand images, brutalist web interfaces, editorial layouts, and mobile app concepts while upgrading existing designs with strict typography, color, and spacing rules.

Drive creative direction with algorithmic design manifestos, generative p5.js art, brand voice optimization, and portfolio interfaces that convert visitors to clients.

Delegate expert-level code reviews, security audits, penetration tests, QA automation, accessibility compliance checks, performance optimizations, chaos engineering, and compliance validations to specialized sub-agents across codebases, infrastructure, and systems.

Programmatically create, edit, and analyze office documents (DOCX, XLSX, PPTX, PDF) and Google Workspace files using Python scripts, enabling automated report generation, format conversion, and data extraction.

Write HTML and render it as video with animated compositions, captions, voiceovers, audio-reactive visuals, and website-to-video capture, all driven by a CLI dev loop and deployable to AWS Lambda.

Execute marketing and growth workflows including A/B testing setup, SEO diagnostics and optimization, analytics tracking audit, programmatic SEO strategy, and automated content/email campaign creation with brand voice analysis.

Frontend development bundle that optimizes forms for higher conversion, designs distinctive interfaces, enforces Next.js App Router best practices, applies 45 React performance rules, provides modern React patterns, diagnoses SEO issues, and configures Tailwind CSS v4 design tokens.

Generate self-contained HTML playgrounds with visual controls, live previews, and copyable prompts to interactively explore designs, data visualizations, code reviews, and architectures in a single file.

Generate sales call prep briefs, research prospects and companies, draft personalized outreach emails and LinkedIn messages, and build deal strategy assets like battlecards, landing pages, and forecasts using CRM data and web enrichment

Audit designs for WCAG compliance, critique UI usability, generate developer handoff specs from Figma, manage design system tokens, synthesize user research, and write UX copy — all within a design-to-development workflow.

Run comprehensive SEO audits on entire sites — technical crawl, content quality, schema, Core Web Vitals, backlinks, local/maps presence, e-commerce, hreflang, sitemaps, and GEO/AI search visibility — then generate scored action plans and content briefs, all from Claude Code.

Audit and maintain a live design system across dashboards and tool UIs — extract tokens, check for spacing/color/depth violations, and regenerate patterns from existing code without writing CSS by hand.

Generate self-contained HTML visual explainers for code diff reviews, implementation plans, slide decks, diagrams, and project recaps — with factual verification against git history and one-click deployment to Vercel.

Generate and edit images using GPT Image 2 and OpenAI-compatible endpoints with 70+ structured prompt templates across 18 categories, plus build polished visual web artifacts like pages, dashboards, prototypes, slide decks, and data visualizations using HTML/CSS/JavaScript/React.

Query Claude, Cursor, or other AI agents for expert GSAP guidance to build performant animations, timelines, ScrollTrigger effects, and plugin integrations in React, Next.js, Vue, Nuxt, Svelte, or vanilla JS, following framework best practices and 60fps optimizations.

Extract any website's complete design language — colors, typography, spacing, shadows, motion, and voice — and output DTCG tokens, Tailwind/shadcn/Figma variables, CSS, and a visual preview. Grade consistency, battle two sites, remix in six design vocabularies, recolor via OKLCH, generate brand guidelines, and rebuild pages for pixel-diff fidelity checks.

Automate long-form webnovel creation: initialize projects interactively with genre/characters/worldbuilding/outlines, generate beat sheets/chapters (2000+ words), extract entities/relationships to SQLite indexes, visualize status/entity graphs in read-only dashboard, recover interrupted workflows, and validate chapters via agents for inconsistencies, pacing, OOC, reader pull, and quality reports.

Generate editorial-quality technical and product diagrams (architecture, flowchart, sequence, etc.) as standalone HTML files with inline SVG, skinnable to match your brand.

Manage Google Ads and Meta Ads campaigns, run SEO audits, optimize content for AI search engines (GEO), and generate schema markup — all from Claude. Includes keyword research, broken link scanning, landing page scoring, and content calendar planning powered by Google Search Console and advertising APIs.

Audit and optimize web projects for Lighthouse scores, Core Web Vitals, WCAG 2.2 accessibility, technical SEO, performance bottlenecks, security best practices, and code quality using specialized agent skills that apply fixes with code examples.

Generate tailored legal documents like NDAs, freelancer agreements, privacy policies, and terms of service by scanning websites or apps for data practices. Review contracts via multi-agent analysis for risks, compliance gaps (GDPR/CCPA), missing protections, plain-English summaries, and negotiation proposals. Audit sites for regulatory adherence with scored reports and remediation roadmaps.

Audit web pages and components for WCAG 2.1/2.2 accessibility compliance using axe-core, Playwright, Pa11y, Lighthouse, and more. Detect ARIA errors, keyboard navigation issues, color contrast violations, and screen reader incompatibilities, then generate markdown reports with prioritized fixes and code examples.

Build and publish Chrome extensions with Manifest V3 while staying current with modern web development best practices, performance optimization, and new browser APIs

Generate read-only Markdown discrepancy reports validating messaging consistency—including tone, terminology, versions, and structure—across HTML-based websites (WordPress, Hugo, Next.js, React, Vue, etc.), GitHub repositories, and local documentation, with severity levels and fix suggestions.

Run interactive frontend design wizards to research UI/UX trends from Dribbble and Coolors, analyze websites for inspiration via browser screenshots and extractions, curate Tailwind-compatible color palettes and typography pairings, create visual moodboards, review HTML for design principles and accessibility issues, and generate production-ready UI code.

Format and validate code with Prettier across JS, TS, CSS, JSON, and Markdown files. Check formatting compliance, apply consistent style, and set up pre-commit hooks to enforce code quality standards.

Automate development workflows by walking through code files line-by-line in VSCode or Vim, logging timestamped work sessions with file changes in daily Markdown, generating detailed issue specs staged in Git, engaging in adaptive Socratic quizzes for learning, and delegating UI validation tasks to a browser agent using Chrome DevTools.

Scan codebases for reflected, stored, and DOM-based XSS vulnerabilities across HTML, JavaScript, CSS, and URLs. Test WAF bypass techniques and CSP protections, then receive reports on risks with remediation suggestions via commands or natural language triggers.

Design beautiful, functional user interfaces, components, and design systems for rapid implementation in 6-day sprints. Generates Tailwind CSS classes with mobile-first layouts and reusable patterns ready for quick deployment.

Write, optimize, and publish blog content with AI-powered research, SEO analysis, multilingual translation, and AI citation readiness. Integrates Google APIs for performance data, generates schema markup, images, audio narration, and repurposes content across platforms.

Build and validate LLM evaluation pipelines: design judge prompts, calibrate against human labels, generate synthetic test data, audit pipeline trustworthiness, analyze failure modes, evaluate RAG systems, and collect human annotations via a browser UI.

Delegate UI/UX design workflows to specialized agents that conduct WCAG 2.1 AA/AAA accessibility audits on web apps, generate wireframes and prototypes, create design systems, and implement compliant UI components with ARIA attributes, keyboard navigation, focus management, and screen reader support.

Use natural language to automate browser interactions—navigate, fill forms, click elements, handle multi-tab sessions—and extract structured data from websites into JSON/CSV, all via Claude through the ActionBook MCP server running locally.

Deploy and manage Tencent CloudBase full-stack apps, mini-programs, and cloud functions via an MCP server, while automating code reviews, documentation sync, git workflows, and PR fixes across the repository.

Equips Product Managers with agent skills, workflow commands, and automation hooks for competitive analysis, SQL data exploration, experiment design, codebase audits, meeting prep, and document drafting — all within Claude Code.

Generate professional SVG PPT slides (1280x720 Bento Grid) from any topic via automated multi-agent workflow: research trends and materials from web/GitHub/YouTube/Reddit/X/Bilibili, plan Pyramid Principle outlines, draft content, review/optimize aesthetics and layout with Gemini, apply styles/brand colors/pages. Run /ppt-agent:ppt --style --brand-colors --pages.

Automate comprehensive project management: audit health and permissions, generate architecture/user docs and roadmaps, handle git workflows/PRs/releases, test UX/onboarding/responsiveness via browser, consult multi-AI models, and post team updates with feedback triage.

Generate and integrate web design assets directly into projects: accessible Tailwind color palettes with dark mode and WCAG checks, complete favicon packages with HTML tags and manifests, custom SVG icon sets, AI images via OpenAI/Gemini from descriptions, and image processing like resize/optimize/convert.

Automate frontend workflows: generate Tailwind-powered landing pages and multi-page marketing sites from briefs with screenshots and videos; set up Tailwind v4 themes and install shadcn/ui components in React/Next.js apps; review visual designs, extract design systems, and audit React performance patterns.

Generate distinctive production-grade frontend UIs for components, pages, or full apps using React, Vue, HTML, CSS, and JavaScript, featuring bold aesthetics, unique typography, custom motion, and layouts that avoid generic AI-generated styles.

Test web apps for cross-browser compatibility using Playwright locally across Chromium, Gecko, WebKit, and mobile viewports, or on real devices via BrowserStack, Sauce Labs, LambdaTest, Kobiton. Run interactive tests, scan JS/CSS risks, and generate reports with browser matrices.

Generate production-grade frontend code for visually strong landing pages, websites, apps, and components using Anthropic and OpenAI design skills. Produce bold aesthetics with unique typography, motion, and layouts in React or Vue, or premium prototypes featuring restrained compositions, image-led hierarchy, and tasteful motion in HTML/CSS/JS.

Generate self-contained HTML documents for system architecture diagrams, structured plans, and themed reports with dark mode support.

Authenticate Shopify stores via CLI setup, then create and manage products with bulk CSV imports/updates/variants/inventory/images/collections, plus pages, blog posts, navigation, redirects, SEO metadata, and metaobjects using GraphQL/REST APIs, CLI commands, or browser automation.

Apply 10 pre-set or custom color and font themes to slides, documents, reports, and HTML landing pages for consistent professional styling across output formats.

Generate high-fidelity HTML design artifacts like prototypes, landing pages, UI mockups, and animations, with Playwright-powered browser rendering and screenshot verification for pixel-perfect output.

Generate accessible, responsive UI design systems with color palettes, tonal scales, typography scales, spacing systems, layout grids, and visual hierarchies from brand inputs or descriptions. Use commands to design full screens, create type systems, produce palettes with dark mode variants, and audit responsiveness across breakpoints.

Set up WebGPU renderers in Three.js with TypeScript and author shaders using TSL for nodes, compute pipelines, post-processing effects, and WGSL integration to build accelerated 3D graphics applications.

Build scalable design systems by generating tokens, component specifications, documentation templates, naming conventions, icon systems, and pattern libraries. Audit for WCAG accessibility, consistency, token coverage, and theming support using dedicated skills and commands.

Generate complete SEO setup for local business websites, producing HTML head with meta/OG/Twitter/geo tags, JSON-LD LocalBusiness schema, robots.txt, and sitemap.xml. Use via skill or command; optionally provide business name or get prompted for details. Tailored for Australian sites.

Automate office productivity workflows: generate Chinese PRDs via guided interviews and templates, draft patent applications with prior art search, create Feishu/Lark documents, and perform browser automation for web navigation, interaction, data extraction, and testing.

Build complex React UIs with Tailwind CSS, shadcn/ui components, state management, and routing, then bundle them into standalone HTML artifacts for direct use in Claude.ai.

Review and refactor React, Next.js, and React Native code using Vercel engineering best practices for performance optimization, component composition patterns, mobile app efficiency, smooth view transitions, and web UI design/accessibility audits.

Design complete UI interaction flows by generating specs with state machine diagrams, micro-animations, gesture patterns, feedback mechanisms, loading states, and error handling strategies. Apply skills for animation principles, UX patterns, and commands like /design-interaction or /map-states to model complex components like forms, media players, or authentication.

Audit CSS, SCSS, and styled-components for WCAG color contrast ratios on text and UI elements, generating pass/fail reports with stats on worst offenders, then suggest AA-compliant color alternatives including hex swatches, updated ratios, color-blind checks, CSS overrides, and before/after previews.

Implement mobile-first responsive breakpoints using CSS Grid, Flexbox, Tailwind, and relative units for components or pages. Test designs across iPhone, iPad, Android, and desktop viewports in portrait/landscape orientations, capturing screenshots, detecting layout and accessibility issues, and generating comparison grids with detailed reports.

Scan your project's stylesheets and templates to detect unused CSS selectors, variables, and duplicates with confidence scores and potential bundle savings. Then consolidate by merging redundant rules, unifying properties, grouping media queries, and extracting utilities—reducing file sizes while preserving exact visual output and reporting metrics.

Generate complete frontend components with TypeScript types, accessibility, responsive styling, tests, and exports in detected React, Vue, or Svelte projects. Enhance components by applying project design system styles for base elements, interactions, dark mode, responsiveness, and accessibility, with structured summaries of tokens and breakpoints.

Convert Figma designs, screenshots, or UI specs into pixel-perfect, responsive code matching your project's components, layouts, styles, interactions, and responsiveness.

Automate and inspect Chrome browser sessions via DevTools Protocol, enabling multi-tab navigation, form filling, content extraction, and screenshot capture, plus connect to tawk.to for live chat management.

Streamline your job search as an engineer: scan company career pages for matching roles, evaluate postings with A-F fit scores, compensation insights, and interview prep, tailor ATS-optimized resumes in HTML, track applications with stats, research companies, compare opportunities, draft outreach, and manage your profile.

Plan and validate UI/UX designs through prototyping strategies, usability test scenarios, heuristic evaluations, A/B experiments, accessibility audits, wireframe specs, user flows, and complete test plans.

Run WCAG 2.1 AA accessibility audits on URLs or HTML components using axe-core plus manual checks for keyboard navigation, ARIA, contrast, forms, and media. Generate prioritized Markdown or HTML reports with severity levels, code fixes, compliance scores, executive summaries, priority matrices, and remediation references.

Rapidly prototype ideas by generating standalone, responsive HTML mockups per screen with inline CSS, minimal JS interactivity, and design annotations, or scaffolding minimal viable projects with structure, happy-path code, basic UI, single-run commands, file lists, and production notes.

Run Lighthouse audits on target URLs to diagnose performance, accessibility, best practices, SEO, and PWA issues with Core Web Vitals scores and reports. Automatically apply prioritized fixes, verify improvements by re-running audits, and track score changes.

Audit web apps for screen reader compatibility by testing semantic HTML, ARIA attributes, forms, modals, and dynamic content, generating reading order reports and issue lists. Automatically fix incorrect or missing ARIA roles, states, and attributes in HTML/JSX/TSX files with compliance verification.

Analyze screenshots and UI images to catalog visual elements, detect layout issues in flex, grid, or CSS, document design details like spacing and colors, flag accessibility problems, and receive targeted implementation suggestions. Extract structured text from images, screenshots, or diagrams, preserving code formatting, hierarchy, and noting low-confidence areas.

Scan web projects for WCAG 2.1 accessibility violations categorized by A/AA/AAA levels with file locations, criterion details, and fix code snippets, then automatically correct ARIA attributes, roles, states using semantic HTML, keyboard handlers, and focus management, including change summaries and tests.

Generate project health reports scoring git activity, code quality, dependencies, tests, and documentation with top issues identified. Produce JSON configurations for monitoring dashboards visualizing build health, code velocity, quality, performance, and dependencies.

Automate affiliate marketing workflows end-to-end: research untapped niches and competitor strategies, generate SEO-optimized content and ad copy, build email sequences and landing pages, and track performance with dashboards and audits.

Generate favicons, PWA app icons, and Open Graph social images from logos, text, or emojis, with automatic resizing, text-to-image conversion, WCAG validation, and HTML meta tag output for web projects.

Generate, scaffold, and monetize browser games (Phaser 2D or Three.js 3D) from a single command. Covers prototyping, pixel art/3D model generation, audio, UI polish, multiplayer via PartyKit, automated Playwright QA, and deployment to here.now/GitHub Pages/Vercel/itch.io with optional Play.fun monetization hooks.

Generate professional reveal.js presentations from prompts, incorporating themes, multi-column layouts, callout boxes, code highlighting, animations, speaker notes, and custom styling. Outputs standalone HTML and CSS files instantly, without any build step, for quick slide decks and slideshows.

Sync your local Claude configuration — CLAUDE.md instructions and permissions allowlist — from a GitHub repository, and refresh those instructions into the current conversation context.

Generate AntV G6 v5 graph visualizations—network graphs, tree diagrams, flowcharts, and mind maps—with correct layout, interaction, and plugin configuration, while avoiding v4 API pitfalls.

Enforce WCAG AA accessibility compliance across web, mobile, and document codebases using 80 specialist agents, 25 commands, and Playwright-based behavioral scanning. Delegates to accessibility-lead for UI code review, runs full audits with prioritized reports, and applies automated fixes to HTML, CSS, JSX, Markdown, Office, and PDF files.

Run Lighthouse-based performance audits directly in ChromeDevTools, detecting Core Web Vitals issues, render-blocking resources, and accessibility gaps to optimize page load.

Generate distinctive, production-grade frontend UIs for web apps, landing pages, dashboards, and components using HTML, CSS, Tailwind, and TypeScript. Enforces design tokens for creative, polished code that avoids generic AI-generated aesthetics.

Assembles a virtual design team of 26 specialist roles (UI, UX, brand, motion, social, email, data viz, print, AI media) inside your terminal, enabling you to design, critique, audit, and generate production-ready assets across web, mobile, social, email, presentations, and print — all from Claude Code or compatible CLI tools.

Design beautiful, functional user interfaces, components, and design systems for rapid implementation in 6-day sprints using Tailwind CSS classes, mobile-first layouts, and reusable patterns.

Orchestrate end-to-end QA automation across Playwright and Selenium — generate, execute, and debug UI, API, and accessibility tests, plan regression suites with ISTQB-aligned artifacts, and heal flaky tests via delegated specialist agents.

Generate distinctive production-grade frontend UIs with bold aesthetics for web components, pages, blogs, and apps. Emphasize typography, color, motion, and layout to avoid generic designs using React, Vue, HTML, CSS, or JavaScript.

Design beautiful, functional UIs, components, and design systems for rapid implementation in 6-day sprints using Tailwind CSS classes, mobile-first layouts, and reusable patterns.

Set up and run @ui5/linter for static analysis of SAPUI5/OpenUI5 apps to detect deprecated APIs, global variables, CSP violations, and manifest issues. Configure custom rules, apply autofixes, integrate into CI/CD pipelines and pre-commit hooks, and prepare for UI5 2.x migration.

Enforce Project CodeGuard security rules in AI coding workflows to detect and prevent vulnerabilities during code writing, review, and modification across languages like Go, C, and Docker.

Generate SAP Fiori Elements and Freestyle SAPUI5 applications directly in VS Code or SAP Business Application Studio. Configure Page Editor for List Report and Object Page layouts, edit annotations via Service Modeler, deploy to ABAP repositories or Cloud Foundry, create adaptation projects, preview with mock or live data, and accelerate development using AI-powered Project Accelerator and Joule.

Extract Xiaohongshu (RedNote) posts with text, images, and Whisper-transcribed videos into formatted Markdown notes saved to your Obsidian vault. Batch-process multiple links in Peter Thiel style, analyze collections for AI summaries and key extractions, and generate styled cover images from prompts.

Provides a skills-map router plus structured workflows for spec-driven development, multi-session project management, scientific-method debugging, self-correcting build loops, frontend design, web search, image generation, and agent token optimization.

Control real web browsers via Claude to automate workflows: navigate pages, fill forms and logins, scrape structured data from JS sites, audit accessibility per WCAG, run end-to-end tests simulating user flows, analyze frameworks like React/Next.js, and download authenticated files.

Provides a comprehensive set of PixiJS v8 skills for AI coding agents, covering application setup, scene graph management, sprite/graphics/text rendering, asset loading, event handling, custom shaders, performance profiling, and v7-to-v8 migration

Enforces a structured agentic engineering workflow from design docs and specs through TDD, implementation, refactoring, review, and staged commits. Manages GitHub PR feedback, parallel branches, and browser verification.