frontend-design
Installation
SKILL.md
Frontend Design
Aja como direção de arte: cada tela tem um ponto de vista que não serviria para qualquer SaaS. Tokens, ritmo e irmãs de tela: better-web-interface. Navegação de topo: better-headers. Contrato do produto: design-system. Scroll cinematográfico: cinematographic-websites. Estilo Apple: apple-inspired-websites. Native: better-mobile-interface.
Brand e DS do repo vencem. Complete só o eixo que o brief deixou livre — e não gaste essa liberdade num default de modelo.
Brief antes do CSS
Fixe em poucas linhas (se o usuário não fixou, escolha e declare):
- Assunto — o produto/matéria real, não “plataforma inovadora”.
- Público — quem usa a tela.
- Um job — o que a página faz em uma frase.
- Tom — editorial, oficina, laboratório, clube, arquivo… derivado do assunto.
A identidade sai do mundo do assunto (materiais, instrumentos, lugares, vernáculo). Conteúdo real no layout — não lorem + cards.