Skills

design-mobile-apps: que un agente cree la UI de apps móviles en Sleek

Para quien quiere diseñar pantallas de apps móviles o gestionar proyectos en Sleek; prepara primero SLEEK_API_KEY y luego instala con el npx oficial en .agents/skills/ del directorio de trabajo.

Official source · Sleek agent skills

Install

npx skills add sleekdotdesign/agent-skills

Para quién

Esta guía va a quien necesita interfaces de apps móviles y quiere que un agente cree borradores de diseño dentro de Sleek. Sleek es la herramienta de diseño de apps móviles impulsada por IA que nombra el texto oficial, en

https://sleek.design/

El repositorio es

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

El material actual registra solo una skill: design-mobile-apps, para diseñar apps móviles, crear pantallas y gestionar proyectos Sleek. El directorio de la skill es

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

Encaja cuando ya hay cuenta Sleek, una clave lista y un agente que puede leer archivos de skill del directorio de trabajo. No encaja sin clave ni a quien no vaya a usar Sleek. No inferir skills extra que este material nunca escribió.

Completar un primer intento en 3 minutos

Seguir solo la vía oficial recomendada.

Condición previa: esta máquina puede ejecutar npx y la clave ya está en la variable de entorno SLEEK_API_KEY. Crear la clave en esta página:

https://sleek.design/agents/setup

No poner la clave en el chat ni en el repositorio. Antes de instalar, confirmar que el directorio de trabajo actual es el proyecto donde debe quedar la skill.

Ubicación de instalación: el texto oficial dice que npx skills add coloca la skill en .agents/skills/ del directorio de trabajo. Si el agente no descubre skills ahí, señalarle el SKILL.md instalado.

Copiar y ejecutar:

npx skills add sleekdotdesign/agent-skills

La nota oficial lo describe como instalación interactiva al recorrer. Señal de éxito: aparece .agents/skills/ en el directorio de trabajo y se ve el SKILL.md instalado. Primero una comprobación de solo lectura: pedir al agente cómo crearía una pantalla de app móvil y qué datos de proyecto Sleek usaría, sin llamar a una API ni cambiar el proyecto. Si puede señalar design-mobile-apps y mencionar que hace falta SLEEK_API_KEY, la skill se encontró.

Crear una pantalla o cambiar un proyecto escribe en el lado Sleek y es una acción externa con efectos. No autorizar una llamada real hasta confirmar el proyecto y el alcance de pantallas.

Casos de uso

Caso 1: crear una pantalla de app móvil. Coincide con «crear pantallas de diseño» escrito para design-mobile-apps. Encaja cuando la clave está puesta y la skill ya aparece bajo .agents/skills/. Primero que escriba en el chat la estructura y los textos; autorizar la escritura en Sleek solo tras confirmar. Éxito: en el proyecto Sleek aparece la pantalla correspondiente. El material no desarrolla campos de interfaz concretos ni comandos; no completar nada más allá de «puede crear una pantalla».

Caso 2: gestionar un proyecto Sleek existente. Coincide con «gestionar proyectos Sleek» en la misma skill. Encaja cuando el proyecto ya existe y solo se quiere inspeccionar u ordenar, no crear un diseño de inmediato. Confirmar primero la identidad del proyecto y pedir una explicación de solo lectura de lo que puede hacer ahora. Si el agente no encuentra .agents/skills/, indicarle la ruta del SKILL.md instalado según la nota oficial. Señal de éxito: encaja con ese proyecto, en vez de crear una pantalla nueva no autorizada. El material no da detalles de una API de lista de proyectos.

Límites de uso

El comando de instalación apunta a sleekdotdesign/agent-skills, que no es la misma cadena que la URL del repositorio; no reescribirlo como un origen de instalación que nunca apareció. El material no nombra ningún cliente obligatorio ni da pasos de instalación de un segundo mercado.

No llamar sin SLEEK_API_KEY. Guardar la clave solo en la variable de entorno; no usar claves de ejemplo de marcador. El material actual demuestra solo esta carpeta de skill; no inventar otros nombres o rutas.

Crear pantallas y gestionar proyectos cambian datos en Sleek. Primero previsualizar, luego autorizar. Para más, seguir el repositorio oficial:

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