Receber por email
← Voltar para o catálogo

wp-ux-design

Foco na aplicação de UX e design para WordPress, abordando Core Web Vitals, layout mobile-first, tipografia, sistemas de cores, navegação, padrões de construtores de página, otimização de imagens, UX de formulários, estados de carregamento e erro, UX de administração e checklists de performance. Inclui exemplos concretos em CSS/HTML/PHP.

5estrelas
Atualizado há 9 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add xonack/wp-ux-design-claude-skill

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/wp-ux-design/svg)](https://www.skillteca.com.br/skills/wp-ux-design)

Alerta por categoria

Receba novas skills de Design e Frontend toda segunda

1 email curto, só com as skills novas de Design e Frontend. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

WordPress UX/Design Enforcement

Definitive standards for building WordPress sites that are fast, accessible, and visually consistent. Every rule below is enforceable in code review.

1. Core Web Vitals for WordPress

LCP (Largest Contentful Paint) < 2.5s

The hero image or heading is almost always the LCP element. Prioritize it explicitly.

<!-- Preload the hero image in <head> -->
<link rel="preload" as="image" href="/wp-content/uploads/hero.webp"
      fetchpriority="hig

[Description truncada. Veja o README completo no GitHub.]
Compartilhar X LinkedIn