frontend-design-audit
Audit and improve front-end usability using 15 established design principles. Acts as a Senior UX designer/engineer reviewing your interface end-to-end.
Pacote de plugins · de mistyhx
Resumo
frontend-design-audit é um pacote de plugins para ferramentas de programação com IA publicado por mistyhx. Marketplaces que lemos e que o listam: 1 (Community GitHub marketplaces). A última mudança que registramos foi em 2026-10-31. Conforme nossa passagem pelos marketplaces em 2026-11-02.
O que pede
- Instala-se como pacote de plugins
Nenhum dos marketplaces que lemos publica as ferramentas ou as configurações que ele pede.
O que declara, pede e executa, por completo
Instale apenas plugins de desenvolvedores em quem você confia. Mostramos o que os marketplaces publicam e não testamos plugins.
Funciona com
- Claude Code
Pelos marketplaces que o listam e pelo transporte MCP que declara, conforme cada cliente documenta. Não testamos plugins.
Conectar
Comandos e configurações gerados apenas a partir do que os marketplaces declaram. Não os executamos por você e não testamos plugins.
Como plugin do Claude Code
Gerado a partir do que Community GitHub marketplaces declara.
/plugin marketplace add mistyhx/frontend-design-audit
/plugin install frontend-design-audit@frontend-design-audit
Onde está publicado
| Marketplace | Status | Versão | Números | Verificado | Visto pela primeira vez |
|---|---|---|---|---|---|
| Marketplace da comunidade mistyhx/frontend-design-audit (Abrir o código no GitHub) | Listado | 1.0.0 | Forks (GitHub): 14 Estrelas (GitHub): 97 |
Sem marcação |
Cada número é do próprio marketplace e nunca é somado entre marketplaces. Um marketplace que não publica números não mostra nenhum: sem número não é zero.
Listado em um marketplace da comunidade
| Marketplace | Repositório | Estrelas (GitHub) |
|---|---|---|
| frontend-design-audit | mistyhx/frontend-design-audit | 97 |
Como os números mudaram
- 2026-10-3096
- 2026-10-3197
- 2026-11-0297
Cada ponto é um dia em que lemos um número diferente; os trechos planos são dias em que o número não mudou. Números de marketplaces diferentes nunca são somados.
O que o pacote contém
Conforme publicado em Community GitHub marketplaces.
Skills: 1
frontend-design-audit
Comandos: 3
evaluateimprovequick
O que mudou
- Passou a ser um produto que acompanhamos
- Community GitHub marketplaces: apareceu
Plugins semelhantes
Produtos cujos próprios nomes, descrições, ferramentas e skills são os mais próximos deste pelo significado, em todos os marketplaces que lemos. A proximidade é ordenada apenas dentro desta lista.
-
frontend-design
Designs and audits web interfaces for visual quality, usability and accessibility.
-
Visual UI/UX scanner auditing websites for heuristic compliance.
-
Agents for UI/UX design, accessibility, and user experience optimization
-
Run accessibility, contrast, and design token audits and file QA issues from your AI coding tool.
-
Measured performance, Core Web Vitals, accessibility, SEO, best-practices, and agentic browsing skills for any web stack.
-
Audit designs, color palettes, and UI components for WCAG 2.1 accessibility compliance, providing specific fixes for contrast, touch targets, focus indicators, and screen reader…
-
Accessibility and WCAG data for your own websites: fix lists, live checks, and fix validation.
-
Read visual design reviews from live web pages: comments, CSS selectors, styles, console errors.
-
design-system-analyzer
Analyze any website's UI style using ChromeDevTools to extract precise CSS tokens, animations, and interaction states. Generates comprehensive Design System Prompts from live…
-
Axcess — Design Accessibility Evaluation
Evaluates UI designs for WCAG accessibility issues automated scanners miss. Paid via x402 on Base.
Plugins semelhantes por marketplace
A mesma pergunta feita a cada marketplace separadamente: existe lá um equivalente deste plugin?
Listado em Claude Code: claude-plugins-community (5)
-
Audits public-facing websites across accessibility, SEO, GEO (AI search readiness), and usability -- evaluates 17 checks, assigns a letter grade, and generates a client-ready PDF…
-
Enforce UI consistency across an entire codebase — detects drift in spacing, typography, colors, components, iconography, and interaction patterns across web, native mobile, and…
-
29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…
-
Five practical skills covering the domains developers most often Google when shipping a website. Each skill auto-loads only when relevant to the task: Web Accessibility on UI…
-
A full design suite for Claude Code: 58 brand design systems (Stripe, Linear, Vercel, Google, Anthropic and more) + 5 curated skills for UI/UX generation, accessibility auditing…
Listado em Claude Code: claude-plugins-official (5)
-
Keep your coding agent up to date with the latest web best practices
-
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
SAPUI5 / OpenUI5 plugin for coding agents. Create and validate UI5 projects, access API documentation, run UI5 linter, get development guidelines and best practices for UI5…
Listado em Claude: knowledge-work-plugins (5)
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Keep your coding agent up to date with the latest web best practices
-
Free AI-powered SEO toolkit — audit websites, plan content strategy, optimize pages, generate schema markup, cluster keywords, and track AI visibility. Works with any website or…
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
AI-first project auditor and re-engineer based on the 9 design principles and 7 design patterns from the TechWolf AI-First Bootcamp
Listado em Codex: openai-curated (openai/plugins) (5)
-
The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Evaluate Codex skills and plugins from chat with a beginner-friendly start command, local-first reports, token budget explanations, and guided benchmarking.
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
Listado em Community GitHub marketplaces (5)
-
frontend-design
Designs and audits web interfaces for visual quality, usability and accessibility.
-
Agents for UI/UX design, accessibility, and user experience optimization
-
Measured performance, Core Web Vitals, accessibility, SEO, best-practices, and agentic browsing skills for any web stack.
-
Audit designs, color palettes, and UI components for WCAG 2.1 accessibility compliance, providing specific fixes for contrast, touch targets, focus indicators, and screen reader…
-
design-system-analyzer
Analyze any website's UI style using ChromeDevTools to extract precise CSS tokens, animations, and interaction states. Generates comprehensive Design System Prompts from live…
Listado em Copilot CLI: github/awesome-copilot (5)
-
Keep your coding agent up to date with the latest web best practices
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
Inspect a repository, improve Tiny Tool Town readiness, submit its listing issue, and launch remediation work.
-
Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
Listado em Copilot CLI: github/copilot-plugins (5)
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
Advanced Security plugin for GitHub Copilot.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
Bring Azure DevOps work-item, repository, and pull-request workflows into GitHub Copilot.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
Listado em Cursor: cursor/plugins (5)
-
playwright-mcp io.github.microsoft/playwright-mcp
Playwright Tools for MCP
-
Render PR diffs as review canvases grouped by importance.
-
Generate presentations, documents, and webpages.
-
CLI-backed repo compatibility scans plus agents that audit startup, validation, and docs against reality.
-
Analyze website traffic, audiences, and competitors.
Listado em Docker MCP Catalog (5)
-
playwright-mcp io.github.microsoft/playwright-mcp
Playwright Tools for MCP
-
Generate images, video, and audio with Glif's media-generation agent
-
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
-
Access the latest Astro web framework documentation, guides, and API references.
-
A Model Context Protocol (MCP) server that empowers LLMs to use some of Open Srategy Partners' core writing and product marketing techniques.
Listado em Official MCP Registry (5)
-
Visual UI/UX scanner auditing websites for heuristic compliance.
-
Run accessibility, contrast, and design token audits and file QA issues from your AI coding tool.
-
Accessibility and WCAG data for your own websites: fix lists, live checks, and fix validation.
-
Read visual design reviews from live web pages: comments, CSS selectors, styles, console errors.
-
Axcess — Design Accessibility Evaluation
Evaluates UI designs for WCAG accessibility issues automated scanners miss. Paid via x402 on Base.
Listado em PyPI (MCP servers) (5)
-
Google Search Console: SEO audits, performance queries, URL inspection, indexing checks.
-
canva com.mcparmory/canva
Create designs, manage assets, and automate design generation from external workflows
-
Read Bing Webmaster data and change it, directly or through a reviewed plan.
-
google-search-console com.mcparmory/google-search-console
Query search analytics, manage sitemaps, and inspect site URLs and status
-
Screaming Frog SEO Spider MCP Server (headless)
Headless Screaming Frog SEO Spider via its CLI: run crawls, export and filter data, no GUI needed.
Listado em npm registry (MCP servers) (5)
-
Audit your Design System and serve your Agent the rules that keep AI-written UI on-system.
-
AI visibility + site audits: see if ChatGPT, Perplexity, Claude & Gemini recommend a website.
-
seo-audit-console io.github.houtini-ai/seo-audit-console
Technical SEO in Claude: GSC + crawl + DataForSEO - audit, portfolio, market sizing, content recon.
-
Token-efficient WCAG 2.2 exploration CLI and MCP server for AI agents and developers
-
designer-skill-mcp io.github.PyModel/designer-skill-mcp
UI design MCP: design references, intent routing, anti-slop static detector and gate. No API key.
Encontrados pelo significado, não por código ou repositório em comum: plugins semelhantes continuam sendo produtos distintos, e isto não é uma avaliação nem uma recomendação.
Quer esta marca no seu plugin em nosso catálogo?
Prove que o mantém com um arquivo no repositório, um arquivo no seu domínio ou um registro DNS, e você poderá mostrar esta marca na ficha, com banners ao vivo para o seu site e o README. Como funciona a verificação
Você também recebe alertas quando um marketplace o publica, o remove, muda a marca de verificado ou o que ele pede, e o endpoint remoto passa a ser monitorado como um serviço web.
Dados de Community GitHub marketplaces. Os números vêm das nossas próprias passagens regulares pelos marketplaces, última leitura em . Não publicamos dados de contato dos editores de plugins.