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

Build production-grade React/Next.js frontends and cross-platform mobile apps (React Native, Flutter) with component architecture, state management, design systems, and automated scaffolding for UI, tests, and accessibility.

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.

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.

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.

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.

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

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

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.

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.

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.

Delegate frontend development tasks to this agent for building responsive UIs and components in React, Vue, or Angular; implementing state management; fixing responsive design and accessibility issues; and optimizing performance with techniques like virtualization and memoization.

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.

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.

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 structured design case studies, rationales, presentations, and UX copy for portfolios and stakeholders; create adoption strategies for design systems; audit design tokens in CSS code and Figma files for consistency, coverage, and gaps.

Optimize UI/UX components for mobile-first experiences by analyzing existing designs, adapting to touch-friendly layouts, ensuring theme consistency, accessibility, and performance on mobile devices.

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.

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.

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.

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.

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.

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.

Capture baseline screenshots of pages or components across mobile, tablet, and desktop viewports using Playwright, then compare current screenshots against baselines to detect visual regressions via pixel diff with thresholds, generating diff images, pass/fail summaries, and reports.

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.

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.

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.

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.

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.

Delegate frontend development tasks to a specialized agent that builds responsive UIs with React, Vue, or Angular components, implements state management, fixes responsive and accessibility issues, and optimizes performance for web apps.

Run interactive UI design sessions: interview requirements, generate five distinct variations, collect feedback, iterate to a refined design, and produce implementation plans.

Build and customize Shiny dashboards with modern Bootstrap 5 theming, including brand management, page layouts, cards, value boxes, navigation, sidebars, and dark mode support

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.

Optimize UI/UX components for mobile-first experiences by analyzing and improving layouts for touch-friendliness, accessibility, performance, and design theme consistency in CSS, React Native, or Flutter projects.

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.

Delegate frontend tasks to build responsive UIs, implement React/Vue/Angular components, manage state, fix responsive design issues, ensure accessibility, and optimize performance for web apps.

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.

Optimize UI/UX components for mobile-first experiences by analyzing design themes for consistency, adapting layouts for touch-friendliness, accessibility, and performance on mobile devices. Invoke the agent to refine desktop-focused components or align new features with your design system.

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.

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.

Delegate frontend tasks to this agent: build responsive UIs and complex components in React, Vue, or Angular; implement state management; fix responsive design issues; ensure accessibility; optimize rendering and large dataset loading for performant web apps.

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.

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.

Audit web apps against WCAG 2.1 AA, Section 508, and global accessibility standards by scanning keyboard navigation, screen reader support, contrast ratios, ARIA roles, and semantic structure. Implement fixes, build testing frameworks, and integrate audits into CI/CD pipelines for enterprise compliance.

Enforce an inclusive design workflow from discovery through handoff: research, strategy, critique, accessibility audits, usability testing, and design-debt tracking, all managed by specialized agents and skills that produce accessible, production-ready UI specs and prototypes.

Generate production-ready frontend UIs in styles like glassmorphism or neumorphism, complete with matching Unsplash/Pexels direct image links or custom prompts for hero images, backgrounds, and illustrations. Delivers clean HTML/CSS/JS/TS code with zero AI slop or fake URLs.

Generate tailored marketing copy for ads, landing pages, emails, and social posts; create GTM strategies, pricing plans, outreach sequences, viral hooks, SOPs, and PRDs using proven frameworks and your business context for faster founder workflows.

Use AI-driven skills to build interactive Symfony frontends: create reactive server-rendered components with LiveComponent, add SPA-like navigation with Turbo, manage client-side UI with Stimulus, and render reusable TwigComponents with icons and maps — all from PHP with minimal JavaScript.

Scaffold, lint, validate, and debug custom widgets for SAP Analytics Cloud using JavaScript Web Components, JSON metadata, and data binding feeds, with support for third-party chart libraries like ECharts and D3.