SKILL26Design de produto
Design de Sistemas de UI
Transforma decisões recorrentes de interface em fundamentos semânticos, contratos de componentes reutilizáveis, estados explícitos e regras responsivas.
Principal benefício
Mantém experiências consistentes e reutilizáveis entre telas sem abstrair em excesso elementos pontuais.Quando usar
Use quando um projeto precisar de tokens de UI reutilizáveis, convenções de componentes, variantes, regras responsivas ou um design system coerente entre várias telas ou funcionalidades.
Quando não usar
Não use para tokenizar um design pontual e isolado nem para criar variantes e abstrações que nenhuma tela real exige.
Casos de uso
Definir tokens semânticos e fundamentos para um produto com várias telas
Padronizar variantes acessíveis de componentes e comportamento responsivo
Prompts de exemplo
Use designing-ui-systems para transformar estes padrões recorrentes de interface em um sistema coerente de tokens e componentes.Instalar esta skill
Escolha o comando do seu sistema operacional e execute na raiz do repositório.
Bash
./install.sh --skill designing-ui-systemsPowerShell
./install.ps1 --skill designing-ui-systemsChatGPT
Baixar ZIP da skillCompatibilidade
- Ambientes
- ChatGPT · Codex · Claude Code
- Sistemas operacionais
- Linux · macOS · Windows
- Modos de instalação
- PluginSistema de arquivos
Dependências
Sem dependências externas
Parte de sistemas
Sistemas curados que incluem canonicamente este método.
Usado em evidências
Relatórios que listam explicitamente este método entre os métodos aplicados.