O que wechat-miniprogram-designUI faz?
Habilidade Claude Code para as especificações oficiais de design do WeChat Mini Program - esquema de cores completo, modo escuro, padrões de componentes, diretrizes de revisão e padrões WeUI
Visão Geral
Esta habilidade fornece todo o conhecimento de design necessário para desenvolver WeChat Mini Programs de acordo com as diretrizes oficiais, incluindo:
- Sistema de Cores: Paleta de cores completa, semântica de cores, acessibilidade
- Modo Escuro: Implementação de modo escuro, cores adaptativas, componentes compatíveis
- Padrões de Componentes: WeUI, componentes nativos, personalização e boas práticas
- Diretrizes de Revisão: Regras de aprovação, requisitos de design, armadilhas comuns
- Padrões WeUI: Biblioteca de componentes oficiais, tokens de design, padrões de interação
Como Usar
- Pergunte à Claude Code sobre qualquer aspecto do design de WeChat Mini Programs
- Solicite exemplos de código para componentes específicos
- Valide seu design contra as diretrizes oficiais
Exemplos de Consultas
- "Crie um componente de botão seguindo o estilo WeUI"
- "Como implemento o modo escuro no meu mini programa?"
- "Quais são as diretrizes de cor para o WeChat Mini Program?"
- "Verifique este design contra os padrões de revisão"
Compatibilidade
- Plataformas: Claude Code, WeChat Mini Program
- Ferramentas: WeUI, WXML, WXSS, JavaScript