SKILL34Frontend
Implementação de UI Fiel à Referência
Traduz evidências visuais em geometria responsiva, tipografia, superfícies, assets e estados por meio de ciclos de renderização e comparação.
Principal benefício
Produz uma implementação que preserva a fidelidade mensurável à referência em desktop e mobile.Quando usar
Use ao implementar uma UI a partir de Figma, capturas de tela, mockups ou uma referência visual existente, quando a fidelidade de layout, espaçamento, tipografia, recortes e estados for um critério principal de aceite.
Quando não usar
Não use para criação visual em aberto ou quando não houver um critério de fidelidade respaldado por uma referência.
Casos de uso
Recriar um design fornecido para desktop e mobile
Corrigir diferenças de layout, tipografia e recorte por comparação visual
Prompts de exemplo
Use implementing-reference-faithful-ui para construir esta interface a partir da referência fornecida e verificar primeiro as maiores diferenças visuais.Instalar esta skill
Escolha o comando do seu sistema operacional e execute na raiz do repositório.
Bash
./install.sh --skill implementing-reference-faithful-uiPowerShell
./install.ps1 --skill implementing-reference-faithful-uiChatGPT
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.