SKILL13Frontend
Criação de Interfaces Premium em Next.js
Integra direção de arte, hierarquia, composição responsiva, estados de componentes e verificação em uma interface de produção coerente.
Principal benefício
Entrega interfaces distintas e acessíveis que permanecem claras e confiáveis em diferentes dispositivos.Quando usar
Use ao criar ou redesenhar uma interface refinada em Next.js ou React quando distinção visual, hierarquia forte, comportamento responsivo, acessibilidade e prontidão para produção forem importantes.
Quando não usar
Não use esta skill para correções pontuais, mudanças apenas de backend ou tarefas de reprodução visual exata em que implementing-reference-faithful-ui seja a opção principal mais adequada.
Casos de uso
Redesenhar uma interface de produto em Next.js com um sistema visual coerente
Refinar estados responsivos e acessibilidade antes da produção
Prompts de exemplo
Use building-premium-nextjs-interfaces para redesenhar esta experiência em Next.js com hierarquia mais forte e estados responsivos prontos para produção.Instalar esta skill
Escolha o comando do seu sistema operacional e execute na raiz do repositório.
Bash
./install.sh --skill building-premium-nextjs-interfacesPowerShell
./install.ps1 --skill building-premium-nextjs-interfacesChatGPT
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.