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

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.

Design and implement UI components, design systems, and accessible interfaces for mobile (iOS, Android, React Native) and web applications. Includes WCAG compliance auditing, responsive layouts, microinteractions, and cross-platform component patterns.

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.

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

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.

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.

Orchestrate a full autonomous engineering pipeline from planning through PR creation, with multi-agent code review, browser testing, documentation management, and design verification against Figma.

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.

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.

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.

Apply Vercel's curated React, Next.js, and React Native best practices for performance, rendering, animations, and state management. Deploy and audit Vercel projects, review UI accessibility and design, and check documentation against Vercel writing guidelines.

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

Audits and upgrades existing websites or apps to premium quality by fixing typography, color, and surface issues, working with any CSS framework or vanilla CSS.

Generate DaisyUI component blueprints and UI patterns using Figma design data via the official paid blueprint service.

Build scalable design systems with Tailwind CSS v4, leveraging CSS-first configuration, design tokens, component variants, responsive patterns, and accessibility best practices for creating component libraries or standardizing UI 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.

Connect Figma designs to code workflows: generate components from designs, translate designs into production code (React, SwiftUI, CSS animations), create and maintain design systems, and build Figma files programmatically via the Figma API. Includes FigJam and Slides support.

Design and build production-grade interfaces with strong visual hierarchy, design tokens, and craft review. Guides through intent, palette, typography, and spacing decisions; audits UI code for design system violations; extracts design patterns; strips AI-generated visual tells; and scores visual craft against an approval bar.

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.

Enforces high-end visual design standards in Claude's output, applying pixel-perfect typography, spacing, shadows, and animations while blocking cheap default styles

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

Maps vague descriptions of web animations to exact terms, encodes a design philosophy for UI polish and component taste, and reviews animation code for quality, performance, and accessibility.

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.

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.

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

Develop Vue.js and Nuxt projects with Anthony Fu's curated ecosystem of Vue, Vite, Vitest, UnoCSS, Pinia, VueUse, and Slidev, plus opinionated TypeScript tooling, monorepo management, and modern bundling with pnpm, Rolldown, and Turborepo.

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.

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.

Develop custom WordPress blocks, block themes, and editor components using modern JavaScript and the Interactivity API. Automate plugin audits, REST API development, performance profiling, and deployment workflows with WP-CLI and Playground environments.

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.

Format code files and check formatting compliance using Prettier, with automatic detection of file types and configuration plus pre-commit hook setup.

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.

Coordinate long-running, multi-session development campaigns with persistent state, intent routing, and parallel agent fleets across worktrees and repositories. Includes automated intake-to-delivery pipelines, campaign cost tracking, structured code review, refactoring, test generation, and project documentation that persists across sessions.

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.

Design user interfaces and build design systems optimized for rapid 6-day sprints. The agent creates beautiful, functional components and handles UI/UX design tasks using Tailwind, CSS, and Figma.

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.

Convert documents between formats (DOCX, PDF, PPTX, Markdown, HTML, Word), generate Mermaid diagrams as PNGs, create professional PDFs and slide decks, produce production-grade DOCX files, consolidate redundant documentation, and turn phone photos into scanner-quality PDFs.

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.

Streamline design communication with structured case studies, rationales, presentations, UI copy, adoption strategies, and token audits for design systems.

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.

Controls Figma Desktop from the terminal to build and edit designs, manage design tokens (shadcn/Tailwind/DTCG), extract design systems, and run accessibility audits — no API key required.

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.

Checks CSS color contrast ratios against WCAG 2.1 guidelines and generates accessible color palettes as CSS variable overrides with before/after comparisons.

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.

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.

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.

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.

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.

Apply the Nothing-inspired UI/UX design system to frontend projects, using monochrome palettes, typographic hierarchy, and industrial warmth. Use when explicitly requesting Nothing style or design.

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

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

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 optimize user interfaces using React, Vue, or Angular with specialized support for component architecture, state management, responsive design, accessibility, and performance tuning.

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.

Conduct design interviews to generate five UI variations matching your project's style, collect feedback, refine the best elements, and output implementation plans.

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.

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.

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.