Cada prompt fica associado a uma profissão e a uma atividade específica, ampliando a capacidade de ranquear para buscas long tail.
Biblioteca prática para Designer
Navegue por atividade e toque para abrir o prompt selecionado.
Padroniza a descrição de comportamentos, estados e tokens de design para facilitar o handoff.
Atue como um Design System Lead experiente. Sua tarefa é criar a documentação técnica detalhada para um componente de interface específico, visando facilitar a implementação por desenvolvedores Front-end e manter a consistência do produto. Para o componente [NOME DO COMPONENTE], estruture os seguintes tópicos: 1. **Visão Geral**: Explique o propósito do componente e em quais contextos ele deve ou não ser utilizado. 2. **Anatomia**: Liste e descreva os elementos visuais que compõem o item (ex: ícone, label, container, bordas). 3. **Design Tokens**: Sugira nomes e valores para tokens de cores (background, border, text), espaçamentos (padding, gap), bordas (radius) e tipografia (font-size, weight). 4. **Estados e Interações**: Descreva o comportamento visual nos estados Default, Hover, Focus, Active, Disabled e, se aplicável, Loading. 5. **Acessibilidade (A11y)**: Especifique critérios de contraste, navegação por teclado (tab order) e atributos ARIA essenciais para leitores de tela. 6. **Variações e Propriedades**: Defina as variações de estilo (ex: Primário, Secundário, Ghost) e tamanhos (ex: Small, Medium, Large). Contexto do componente para documentar agora: [DESCREVA O COMPONENTE E SUAS CARACTERÍSTICAS AQUI]
Como esta página captura intenção de busca
As atividades conectam o conteúdo a problemas concretos do trabalho, o que ajuda tanto em SEO quanto em engajamento e compartilhamento.
O visitante bate o olho, entende o caso de uso e copia o prompt em segundos. Isso aumenta o valor percebido da página logo no primeiro acesso.