HTML plugins

Searchable database of UI/UX design rules and assets covering styles, color palettes, typography, accessibility, animation, and charts across 22 technology stacks. Includes tools for generating design tokens, brand identity, presentations, and accessible UI components with Tailwind and shadcn/ui.

Audit, critique, and polish frontend interfaces with curated anti-pattern detection and design system guidance, improving visual hierarchy, UX, and accessibility across websites, dashboards, components, and forms.

Debug, profile, and automate Chrome directly from Claude Code using the Chrome DevTools Protocol — inspect DOM/CSS/network, run Lighthouse accessibility audits, diagnose memory leaks and LCP performance issues, and script browser interactions like clicking and form filling.

Generate, audit, and upgrade frontend UI with curated design aesthetics—brutalist, minimalist, soft, editorial, premium brand—enforcing pixel-perfect typography, color systems, grid layouts, and motion while blocking cheap defaults, including full code generation from design prompts and mobile screen concepting.

Create distinctive, production-grade frontend interfaces with high design quality. Get visual design guidance on typography, palette, layout, and motion, and generate polished code for web components, pages, or applications.

Enforce mobile-first, intentionally designed web experiences with cohesive design systems, interactive 3D scenes, scroll-driven storytelling, and accessible UI/UX guidelines.

Generates professional PowerPoint presentations, videos, music, images, and podcasts from text prompts. Conducts deep research, analyzes data with SQL, creates polished frontend UIs, and deploys to Vercel — all within a conversational AI workflow.

Enables a creative director workflow covering generative art, design philosophy artifacts, brand voice and SEO optimization, copy editing, and distinctive frontend design patterns.

Write HTML, render video with HyperFrames — create talking-head captions, faceless explainers, music-synced videos, motion graphics, slideshows, promo videos, and PR changelogs from Figma designs, GitHub diffs, or product URLs, then deploy to local, HeyGen cloud, AWS Lambda, or GCP Cloud Run.

Guides frontend web development with skills for building distinctive designs, optimizing React/Next.js performance, implementing SEO best practices, and improving form conversion rates. Covers modern patterns for Server Components, Tailwind CSS v4, and React hooks.

Automatically applies daisyUI 5 component classes, semantic colors, and themes when generating HTML/JSX with Tailwind CSS, enabling rapid UI development without manually writing utility classes.

Generate production-grade frontend interfaces with distinctive visual design, covering typography, palette, layout, and motion to avoid generic AI aesthetics

Audit web applications for WCAG 2.2 compliance with automated axe-core checks, screen reader testing (VoiceOver, NVDA, JAWS), and visual regression testing. Includes remediation guidance for ADA/Section 508 compliance.

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.

Designs and builds polished web experiences: generate design philosophies, craft cohesive design systems, create 3D interactive scenes and scroll-driven animations, enforce mobile-first principles, and conduct WCAG accessibility audits.

Design and build polished, accessible frontend experiences with 3D scenes, scroll-driven narratives, mobile-first thinking, and WCAG audits — from concept artifacts to agency-grade interfaces and design system reviews.

Audits and fixes WCAG 2.2 accessibility violations, generates fix worklists, diffs violations against baselines, automates screen reader and Playwright testing workflows.

Scan frontend codebases for XSS vulnerabilities and implement secure coding patterns across React, Vue, Angular, and mobile apps with expert agents for both security fixes and general frontend development

Prospect, craft outreach, and build deal strategy by researching companies and people, preparing for sales calls, generating battlecards and sales assets, and managing pipeline forecasts with CRM enrichment.

Audit and optimize frontend web applications with expert guidance on accessibility compliance, form conversion, design systems, React/Next.js patterns, performance tuning, SEO, and Tailwind CSS — all in one skill bundle.

Accelerate development of React/Next.js web apps with integrated patterns for component design, state management, Server Components, performance optimization, and design systems using Tailwind CSS and shadcn/ui. Includes audits for form conversion, SEO, and WCAG accessibility compliance.

Generates creative design artifacts including p5.js generative sketches, design philosophy manifests, brand voice analysis with SEO-optimized content, and production-grade frontend designs with cohesive design systems.

Run source-grounded paid-media audits, generate creative assets, plan budgets, design experiments, and apply capability-gated campaign changes across Google, Meta, YouTube, LinkedIn, TikTok, Microsoft, Apple, Amazon, Reddit, Pinterest, Snapchat, and X.

Conduct WCAG 2.2 accessibility audits on websites, with automated testing, manual verification, and remediation guidance for fixing violations and implementing accessible patterns.

Generate ultra-minimalist editorial-style web interfaces with warm monochrome palettes, typographic contrast, and bento grids, rejecting generic SaaS trends.

Generate self-contained HTML pages for visual explanations including diagrams, architecture overviews, diff reviews, implementation plans, slide decks, and project recaps, with automatic verification against source code and git history.

Orchestrate end-to-end marketing workflows—SEO, email, ads, social, influencer, launches—using 8 command lifecycles and 120 skills for research, creation, auditing, and measurement. Includes append-only registries, typed audit frameworks, and a hook for workflow enforcement.

Structured meta-prompting and spec-driven development system that guides AI coding agents through a complete project lifecycle: ideation, requirements specification, planning, execution, verification, and archival. Enforces context engineering with persistent memory, knowledge graphs, and cross-session handoffs.

Build brutalist web interfaces that fuse Swiss typographic print aesthetics with tactical CRT telemetry styling, suited for data-heavy dashboards, portfolios, or editorial sites needing declassified-blueprint visuals.

Builds and redesigns polished front-end artifacts such as pages, dashboards, prototypes, animations, UI mockups, and data visualizations using HTML/CSS/JavaScript/React.

A suite of specialized agents for research, documentation validation, knowledge graph building, game development, and metadata management, enabling automated workflows across these domains.

Run code reviews, diagnose bugs, audit AI agent configuration drift, research unfamiliar domains, fetch and summarize URLs, plan architecture, design UI, and polish multilingual copy — all from within Claude Code.

Cross-post Markdown or HTML articles to 29+ content platforms including Zhihu, Juejin, CSDN, Weibo, WordPress, and WeChat. Automate publishing to Chinese tech communities and blogging sites.

Orchestrate multi-agent development workflows with skills for collaborative design, autonomous coding via OpenAI, multi-agent research, GitHub issue fixing and PR review, image generation, session handoffs, and browser automation via Chrome DevTools.

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.

Generate HTML presentations with prebuilt visual themes that are editable in the browser. Export finished slides to PPTX or PDF files. Create slides, reports, and pitch decks directly from the command line.

Audit and optimize web projects for performance, accessibility, SEO, and best practices against Lighthouse, Core Web Vitals, and WCAG 2.2 with actionable recommendations.

Audit and fix UI issues across accessibility, SEO metadata, animation performance, and layout/spacing in one command. Includes a CLI to route tasks to the appropriate skill set.

Query your OpenKB-compiled wiki to discover documents and concepts, then generate polished HTML slide decks from knowledge-base content with automated accessibility and CSS quality review.

Write, rewrite, audit, and optimize blog content for Google rankings and AI citation visibility (GEO/AEO) using a 32-skill orchestrated workflow with topic-cluster planning, multilingual publishing, fact-checking, image generation, and quality scoring.

Build interactive UIs for MCP servers using the MCP Apps SDK, with scaffolding for React, Vue, Svelte, or vanilla JS, and migration paths from OpenAI Apps SDK.

Access up-to-date guidance on modern web development best practices, including HTML/CSS, client-side JavaScript, and Chrome Extensions with Manifest V3.

Write, review, and format scientific papers, grants, and reports with integrated literature search, citation management, LaTeX templates, and professional slide/poster generation.

Run automated accessibility audits on web pages using axe-core, Pa11y, and Lighthouse; validates WCAG 2.1/2.2 compliance, ARIA, keyboard navigation, screen reader compatibility, and color contrast. Produces reports with prioritized fixes and code examples.

Generate self-contained HTML files with dark mode for architecture diagrams, planning pages, and reports. Supports pan, zoom, and animation for diagrams; pragmatic styles for plans; flexible for any explanatory artifact.

Run UX research, design critiques, accessibility audits, and brand guideline creation directly from Claude. Generate WCAG 2.2 compliance reports, structured usability feedback, design system health scores, and polished frontend UI with token systems.

Scan code for reflected, stored, and DOM-based XSS vulnerabilities using context-aware analysis, WAF bypass testing, and CSP evaluation, surfacing injection points with fix suggestions for security audits and pre-deployment reviews.

Interactive design wizard that researches UI trends, analyzes websites for inspiration, creates moodboards, selects color palettes and fonts, generates Tailwind CSS config, and reviews HTML for accessibility issues.

Manage Tencent CloudBase resources including cloud functions, databases, and serverless deployments via MCP, with built-in skills for code review, documentation auditing, git workflows, and PR triage.

Run German web accessibility audits (BFSG, BITV, WCAG, EN 301 549) with automated checks, legal risk assessment, and document generation for compliance, remediation, and acceptance.

Master any topic with evidence-based learning: first-principles curricula, Socratic tutoring, FSRS-scheduled spaced repetition, verified free recall, and interactive explorable artifacts. Manages the entire learning workflow from initial breakdown to long-term retention.

Create full UI design systems by generating accessible color palettes, typography scales, responsive layout grids, spacing systems, and dark mode variants from brand inputs or natural language, with built-in compliance audits.

Build and maintain scalable design systems with automated accessibility audits, token extraction, component specs, and theming — from design tokens to production-ready patterns.

Enforces a design system with AI-powered code review, pixel verification, and automated UI generation. Scores frontend code against a design rubric, audits accessibility and UX, and applies coordinated design transforms across React/Tailwind projects.

Create and polish frontends using Tailwind v4 theming and shadcn/ui components — install UI components, set up dark mode, review visual design, generate multi-page marketing sites with screenshots, apply React performance rules, and review React Native/Expo code.

Generates high-fidelity HTML designs, interactive prototypes, slide decks, landing pages, and UI mockups with structured design planning and browser-based visual verification

Optimize web components for mobile-first experiences by adjusting layouts, touch interactions, and responsive design, while ensuring consistency with the existing design theme.

Generate design assets for web projects: accessible color palettes with WCAG contrast checks and Tailwind CSS output, favicon packages with all required formats and HTML tags, custom SVG icon sets with consistent styling, and image processing (resize, convert, optimize). Also generate AI images for hero sections, icons, and OG visuals using Gemini or OpenAI APIs.

Build, deploy, and monetize 2D/3D browser games from a single prompt using Phaser or Three.js, with AI-generated assets, audio, multiplayer, QA testing, and automated publishing.

Automate project health audits, permission management, dev sessions, team updates with feedback triage, GitHub releases, multi-model AI second opinions, git workflows, UX audits, responsive layout testing, and browser automation across the full development lifecycle.

Implement mobile-first responsive design breakpoints and test layouts across multiple device orientations and sizes, automatically detecting layout issues, overflow, touch target failures, and accessibility violations, then generating a comparison grid.

Analyze CSS codebases to find unused selectors and merge duplicate rules, then consolidate redundant stylesheets and extract repeated values into custom properties, reducing bundle size while preserving visual output.

Plan and execute marketing campaigns from strategy to execution: SEO audits, content production, ad management (Google, Meta, TikTok, LinkedIn), social media posts, email marketing, and brand monitoring. Leverage Google Search Console data for SEO insights and optimize pages for search visibility and conversions.

Orchestrate parallel multi-agent workflows from plan files, execute headless browser automation, generate production-grade frontend code from design images, and manage Codex plugins, hooks, and custom agents.

Generate production-grade frontend components and landing pages with distinctive typography, motion, and layouts using HTML/CSS/JS, React, or Vue. Craft premium, visually cohesive designs with restrained composition and image-led hierarchy.

Design complete interaction flows for UI components, combining micro-animations, gestures, state machines, error handling, and feedback patterns into actionable specs with diagrams and code-ready details.

Automates affiliate marketing workflows: content repurposing across platforms, email sequences, paid ad copy, SEO audits, landing page generation, and multi-program management with performance tracking and compliance checks.

Design and audit UI animations with AI assistance, using expert techniques to build purposeful motion or detect AI-slop patterns.

Manage Shopify stores directly from Claude: create products, pages, blog posts, navigation menus, redirects, and SEO metadata via GraphQL/REST API or CSV imports, with automated CLI authentication and token setup.

Generates complete local business SEO setup including JSON-LD schema, meta/OG/Twitter tags, robots.txt, and sitemap.xml for Australian business sites.

Design agentic systems, build pitch packages with decks and demo videos, run UAT tests, track personal challenges, share HTML with feedback, and set up GA4 or Meta Pixel — all from Claude Code.

Write, critique, and manage fiction manuscripts with specialized agents for planning, drafting, revision, continuity checking, and reader simulation. Maintains story knowledge bases and ensures consistent character voice across long-form projects.

Develop WebGPU-accelerated 3D graphics with Three.js using TSL shaders, compute shaders, and post-processing effects.

Plan and execute design validation through prototyping strategies, usability testing, heuristic evaluation, and A/B experiments. Generate test plans, wireframe specs, user flow diagrams, and accessibility checklists for data-driven design improvements.

Automatically detect and fix ARIA violations in HTML, JSX, and TSX files, then analyze screen-reader compatibility with reading-order reports.

Scan web components for WCAG 2.1 violations (A, AA, AAA) and automatically fix accessibility issues by applying ARIA roles, states, properties, and semantic HTML improvements

Generate UI mockups as single HTML files and scaffold minimal working prototypes to quickly validate ideas with single-command execution.

Run full WCAG accessibility audits on web pages, generating detailed reports with compliance scores, priority matrices, and remediation steps in markdown and HTML.

Apply best practices for React, Next.js, and React Native: enforce performance patterns, use View Transitions, and review UI code against accessibility and design guidelines for web and mobile apps.

Build and deploy full-stack apps on Butterbase BaaS: design schemas, configure auth and RLS, develop serverless functions and AI agents, deploy frontends, manage storage, and submit to hackathons.

Create data visualizations using the AntV ecosystem: generate G2/G6/S2/X6 chart code, build infographics and narrative reports, all from natural language descriptions.

Generate and iterate frontend UI/UX design drafts directly from your codebase by analyzing components, layouts, and themes via CLI, with support for React/TSX, HTML, and Tailwind configurations.

Generate production-ready frontend design artifacts—HTML pages, slide decks, interactive React prototypes, UI kits, and brand systems—from natural language prompts, with handoff folders and design system documentation.

Generate polished reveal.js slide decks with themes, multi-column layouts, callout boxes, code highlighting, animations, speaker notes, and custom styling — outputting HTML and CSS with no build step required.

Build, configure, and deploy ElevenLabs conversational AI agents with voice synthesis, outbound calling via Twilio/Exotel, and embeddable web widgets.

Plan and execute growth experiments, write and optimize ad creative and marketing copy, set up paid campaigns, improve SEO, create and schedule social media content, design email sequences, and analyze competitor data.

Accelerates full-stack engineering with a security-first skill pack covering code impact analysis, vulnerability scanning, threat modeling, AI/ML agent development, frontend design systems, office document processing, and multi-agent coordination, alongside structured output formats for debugging, architecture, and documentation.

A harness and skill library that enforces a Plan/Act/Verify loop with adversarial verification, context management, and session continuity across Claude Code, Cursor, Codex, and Gemini CLI.

Assembles a virtual design team of 26 specialist roles (UI, UX, brand, motion, data viz, email, social, accessibility, compliance, spatial, conversational, and more) inside the terminal. Generates production-ready UI code, Figma components, design tokens, accessibility audits, brand kits, email campaigns, social media content, data visualizations, presentations, and print artifacts from natural-language requests.

Design mobile app UI screens using Sleek's AI REST API. Create projects, send chat prompts, and render components directly from Claude Code.

Plan, generate, and maintain QA automation across Playwright, Selenium, and API testing from a single interface. Includes accessibility auditing (WCAG 2.1 AA), test plan design, ISTQB-aligned artifact generation, and a multi-agent orchestrator that delegates to specialized bots for debugging, regression optimization, and code quality improvements.

Optimize UI components for mobile-first experiences, ensuring touch-friendly interactions, responsive layouts, and consistency with existing design themes.

Apply performance optimization techniques including code splitting, lazy loading, caching, and service workers to improve web application load times and Core Web Vitals.

Generate distinctive, production-grade frontend interfaces with bold, non-generic aesthetics for web components, pages, or applications. Avoids the generic AI look, producing creative, polished code.

Equips journalists, researchers, and small newsroom devs with 11 focused skills covering accessibility audits, Electron+React app patterns, mobile debugging, Python data pipelines, test-first bug fixing, ethical web scraping, no-build frontends, and CLAUDE.md maintenance.

Enforce Project CodeGuard security rules to prevent common vulnerabilities when writing, reviewing, or modifying code across languages like Go, C, and Docker.