design-mobile-apps: deixar um agente criar UI de apps móveis no Sleek

Para quem

Este guia destina-se a quem precisa de interfaces de apps móveis e quer que um agente crie rascunhos de design diretamente no Sleek. Sleek é a ferramenta de design de apps móveis impulsionada por IA nomeada oficialmente, em

https://sleek.design/

O repositório é

https://github.com/designed-by-ai/skills

O material atual regista só uma skill: design-mobile-apps, para desenhar apps móveis, criar ecrãs e gerir projetos Sleek. O diretório da skill é

https://github.com/designed-by-ai/skills/blob/main/skills/design-mobile-apps

Serve quando já há conta Sleek, uma chave pronta e um agente que consegue ler ficheiros de skill no diretório de trabalho. Não serve sem chave nem a quem não tenciona usar o Sleek. Não inferir outras skills que este material nunca escreveu.

Concluir uma primeira tentativa em 3 minutos

Seguir só o caminho oficial recomendado.

Pré-condição: esta máquina consegue executar npx e a chave já está na variável de ambiente SLEEK_API_KEY. Criar a chave nesta página:

https://sleek.design/agents/setup

Não pôr a chave no diálogo nem no repositório. Antes de instalar, confirmar que o diretório de trabalho atual é o projeto onde a skill deve ficar.

Local de instalação: o texto oficial diz que npx skills add coloca a skill em .agents/skills/ do diretório de trabalho. Se o agente não descobrir skills aí, apontar-lhe o SKILL.md instalado.

Copiar e executar:

npx skills add sleekdotdesign/agent-skills

A nota oficial descreve isto como instalação interativa ao percorrer. Sinal de sucesso: aparece .agents/skills/ no diretório de trabalho e vê-se o SKILL.md instalado. Primeiro uma verificação só de leitura: pedir ao agente como criaria um ecrã de app móvel e que dados de projeto Sleek usaria, sem chamar uma API nem alterar o projeto. Se conseguir apontar design-mobile-apps e mencionar que é preciso SLEEK_API_KEY, a skill foi encontrada.

Criar um ecrã ou alterar um projeto escreve no lado Sleek e é uma ação externa com efeitos. Não autorizar uma chamada real até confirmar o projeto e o âmbito dos ecrãs.

Casos de uso

Caso 1: criar um ecrã de app móvel. Corresponde a «criar ecrãs de design» escrito para design-mobile-apps. Serve quando a chave está definida e a skill já aparece em .agents/skills/. Primeiro fazer escrever no diálogo a estrutura e os textos; autorizar a escrita no Sleek só depois de confirmar. Sucesso: o ecrã correspondente aparece no projeto Sleek. O material não desenvolve campos de interface concretos nem comandos; não completar nada além de «consegue criar um ecrã».

Caso 2: gerir um projeto Sleek existente. Corresponde a «gerir projetos Sleek» na mesma skill. Serve quando o projeto já existe e se quer só inspecionar ou organizar, não criar um design de imediato. Confirmar primeiro a identidade do projeto e pedir um relato só de leitura do que é possível agora. Se o agente não encontrar .agents/skills/, indicar o caminho do SKILL.md instalado conforme a nota oficial. Sinal de sucesso: corresponde a esse projeto, em vez de criar um ecrã novo não autorizado. O material não dá detalhes de uma API de lista de projetos.

Limites de uso

O comando de instalação aponta para sleekdotdesign/agent-skills, que não é a mesma cadeia que o URL do repositório; não o reescrever como uma origem de instalação que nunca apareceu. O material não nomeia nenhum cliente obrigatório nem dá passos de instalação de um segundo mercado.

Não chamar sem SLEEK_API_KEY. Manter a chave só na variável de ambiente; não usar chaves de exemplo de marcador. O material atual prova só esta pasta de skill; não inventar outros nomes ou caminhos.

Criar ecrãs e gerir projetos alteram dados no Sleek. Primeiro pré-visualizar, depois autorizar. Para mais, seguir o repositório oficial:

https://github.com/designed-by-ai/skills