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):

  1. Assunto — o produto/matéria real, não “plataforma inovadora”.
  2. Público — quem usa a tela.
  3. Um job — o que a página faz em uma frase.
  4. 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.

Assinatura

Installs
4
First Seen
Sep 3, 2026
frontend-design — danieldxd/myapp-skills