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.

Automate and debug Chrome directly from Claude — inspect the DOM, monitor network activity, profile performance, audit accessibility, and run browser interactions like clicking, filling forms, and taking screenshots, all without leaving the chat

Enforce premium, anti-generic frontend design patterns across your projects — brutalist, minimalist, editorial, and conversion-aware layouts with strict typography, color, spacing, and motion standards. Includes design audit/upgrade, image-to-code workflows, and architecture conventions for React/Next.js + Tailwind.

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.

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.

Create videos programmatically by writing HTML, CSS, and JavaScript with HyperFrames. Generate talking-head captions, faceless explainers, motion graphics, slideshows, product launches, and website captures. Includes CLI for scaffolding, preview, and cloud rendering on AWS Lambda.

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.

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.

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.

Automate sales prospecting, outreach, and pipeline management by researching leads, generating call prep and follow-up, creating competitive battlecards and assets, forecasting deals, and analyzing pipeline—with integrations to CRM, enrichment, and collaboration platforms.

Audit designs for WCAG compliance, critique UI usability, generate developer handoff specs, manage design systems, synthesize user research, write UX copy, and connect to Figma, Notion, Slack, Asana, Jira, Linear, and Intercom to centralize design workflows.

Run comprehensive SEO audits and optimizations: crawl up to 500 pages, analyze backlinks and Core Web Vitals, validate schema and hreflang, generate content clusters and sitemaps, and track regressions—all from Claude Code.

Write SQL across data warehouses, profile datasets, and generate interactive dashboards and publication-quality charts. Connect to BigQuery, Amplitude, Hex, and Atlassian for integrated data analysis and reporting.

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 a complete design language from any website — DTCG tokens, Tailwind/shadcn/Figma vars, motion, voice — then grade consistency, generate brand guidelines, remix in six styles, pair two sites, recolor via OKLCH, rebuild and pixel-diff for fidelity scoring, and bundle a downloadable design system

Implement a structured, spec-driven development lifecycle with AI agents: discuss requirements, research, plan, execute code, verify, and manage milestones. Includes multi-model plan review, automated code review, test generation, UI auditing, project documentation, and session handoff for continuous AI-assisted development.

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

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.

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 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.

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.

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

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.

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.

Format and validate code with Prettier, enforcing consistent style across JS, TS, CSS, HTML, Vue, and Svelte. Check formatting compliance with CI-friendly exit codes, auto-create config files, and guard edits to maintain style

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.

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.

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.

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.

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.

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.

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.

Build, deploy, and manage full-stack applications, mini-programs, and cloud functions on Tencent CloudBase, with AI-powered code auditing, documentation creation, automated git workflows, and interactive prototyping.

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 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 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 self-contained HTML files for documentation and visualization, including system architecture diagrams, plan pages, and reports with dark mode support.

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 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.

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.

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 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 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.

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

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, 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 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.

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 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.

Syncs CLAUDE.md instructions and permissions allowlist from GitHub, refreshes context with project rules, and loads a frontend design skill from Anthropic — keeping Claude's behavior and tool access consistent across environments.

Assembles a virtual design team inside the terminal — UI, UX, brand, motion, social, email, data viz, print, and AI media — to produce production-quality designs across web, mobile, social, email, presentations, and print. Orchestrates multi-step design pipelines, audits accessibility and visual quality, generates code and Figma assets, and persists project memory for cross-session consistency.

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.

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.

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.

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.

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.

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.

Transform WPS Notes into a personal knowledge engine for long-form creative and academic writing. Automates memory retrieval, idea connection, insight generation, structured note-taking from any source (URLs, PDFs, images, audio transcripts), and multi-platform content formatting.

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.

Audit web apps for WCAG 2.1 AA, Section 508, and international accessibility standards including keyboard navigation, screen readers, contrast, ARIA, and semantics. Get fixes, testing frameworks, and CI/CD integration for enterprise platforms.

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.