wpds
Faz seu agente aplicar o sistema de design oficial do WordPress. Garante que sites e temas sigam a identidade visual e os padrões da marca.
O que ela faz
Este agente ajuda a aplicar o visual oficial do WordPress em sites e temas. Ele usa os padrões de design, fontes e cores definidos pela equipe do WordPress.
Quando usar
- ✓Ao criar um novo tema para WordPress.
- ✓Ao querer padronizar o visual de um site WordPress existente.
- ✓Ao garantir que um site siga as diretrizes de design do WordPress.
Exemplo do que pedir para a IA
“Aplique o sistema de design do WordPress neste tema.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
O agente utiliza os 'tokens' de design, que são como blocos de construção visuais oficiais do WordPress. Ele aplica esses blocos para garantir que fontes, cores e componentes sigam o padrão estabelecido.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add nexu-io/open-design --skill wpdsOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/wpds/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
wpds
Curado pela equipe de desenvolvimento do WordPress.
O que faz
Sistema de Design do WordPress. Aplique os tokens de design oficiais do WordPress, tipografia e padrões de componentes a temas e sites.
Fonte
- Upstream: https://github.com/WordPress/skills
- Categoria:
design-systems
Como usar
Esta entrada do catálogo anuncia a habilidade no OpenDesign para que o agente a descubra durante o planejamento. Para executar o fluxo de trabalho completo do upstream com seus ativos, scripts e referências originais, instale o pacote upstream no diretório de habilidades do seu agente ativo:
# Inspect the upstream README for exact paths
open https://github.com/WordPress/skills
Em seguida, peça ao agente para invocar esta habilidade pelo nome (wpds) ou com uma das frases de gatilho listadas no frontmatter desta habilidade.
Perguntas frequentes
O que são 'tokens' de design?
São valores padronizados para cores, fontes, espaçamentos e outros elementos visuais que garantem consistência no design.
Preciso ser um programador para usar isso?
Não, você pode pedir para o agente aplicar o sistema de design sem precisar entender de código.
Onde encontro mais informações sobre o visual do WordPress?
Você pode consultar o repositório oficial do WordPress no GitHub para ver os detalhes do sistema de design.
Detalhes
Descrição original do autor
WordPress Design System. Apply WordPress's official design tokens, typography, and component patterns to themes and sites.
repo: nexu-io/open-design
Popularidade
- Estrelas no GitHub
- 101 mil
- Posição no ranking
- #794
- Licença
- Apache-2.0
- Atualizada em
- 16/10/2026
Comentários
- …
Mais skills deste repositório
sample-plugin
Faz seu agente criar um arquivo de metadados para testes. Ele ajuda a garantir que o código funcione corretamente em diferentes situações.
nexu-io/open-design
aster-atelier
Ajuda seu agente a criar um site artístico com visual clássico. Ele usa imagens elegantes, céus azuis e fontes serifadas para um visual cinematográfico.
nexu-io/open-design
audio-jingle
Faz seu agente gerar áudio como jingles e efeitos sonoros. Ele pode criar músicas e vozes, salvando o resultado em um arquivo de áudio.
nexu-io/open-design
blog-post
Ajuda seu agente a escrever artigos longos ou posts de blog. Ele inclui espaços para imagens, citações e informações do autor.
nexu-io/open-design
Skills parecidas
brand-discovery
Ajuda a definir a identidade de uma marca através de entrevistas estruturadas. Cria um guia completo com o propósito, público e personalidade da marca.
affaan-m/ECC
brand-voice
Cria um perfil de escrita baseado em textos reais da marca. Garante que o conteúdo e as comunicações mantenham um estilo consistente e autêntico.
affaan-m/ECC
brand-guidelines
Faz seu agente aplicar as cores e o estilo visual da Anthropic em materiais. É útil para manter a identidade visual da empresa em diferentes projetos.
anthropics/skills