agentskills

Webs y appsnexu-io/open-design★ 105k

Pantalla de app móvil

Crea una pantalla de app móvil dentro de un marco realista de iPhone. Te sirve cuando necesitas maquetas de una app para iOS, Android o una pantalla de teléfono.

Descripción original (inglés)

mobile-app: A mobile-app screen rendered inside a pixel-accurate iPhone 15 Pro frame on the page. Built by copying the seed `assets/template.html` and pasting one screen archetype from `references/layouts.md`. Use when the brief asks for "mobile app", "iOS app", "Android app", "phone screen", or "app UI".

Cómo instalarla

Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta mobile-app en el sitio donde tu agente busca sus skills.

  1. Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
  2. Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
Agente
Para
git clone --depth 1 https://github.com/nexu-io/open-design.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/design-templates/mobile-app" ~/.claude/skills/mobile-app
rm -rf /tmp/skill-src
Carpetas de skills por agente
AgentePara todos tus proyectosSolo un proyecto
Claude Code~/.claude/skills.claude/skills
GitHub Copilot~/.copilot/skills.github/skills
Codex~/.agents/skills.agents/skills
Gemini CLI~/.gemini/skills.gemini/skills

Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.

Más skills de nexu-io/open-design

Explicación redactada con ayuda de IA a partir de la descripción original.