por Juanjo LunaWireframe móvil de flujo
Crea un wireframe de varias pantallas móviles conectadas entre sí. Te sirve para dibujar un recorrido de usuario antes de diseñar la app.
Descripción original (inglés)
wireframe-mobile-flow: A lo-fi multi-screen MOBILE flow wireframe — three or four phone frames laid out in a row on a board, showing a connected user flow (Onboarding → Home feed → Item detail → Confirm). Grey-box content inside each device, dashed connector arrows + numbered step labels between screens, and a couple of annotation callouts. Reads like an app flow pinned to a whiteboard before any pixels are committed. Use when the brief asks for "mobile wireframe", "app flow", "user flow wireframe", "lo-fi mobile", "low fidelity", "线框图", "移动端线框", or "App 流程".
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta wireframe-mobile-flow en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
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/wireframe-mobile-flow" ~/.claude/skills/wireframe-mobile-flow
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo 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
- Maquetar artículo tipo revista article-magazine
- Web artística de estudio creativo aster-atelier
- Generar jingles y audio audio-jingle
- Escribir artículos y entradas de blog blog-post
- Ejecutar build y pruebas build-test
- Crear tarjeta para Twitter card-twitter
- Crear tarjetas carrusel para Xiaohongshu card-xiaohongshu
- Laboratorio de interfaz para Claude claude-agent-lab
Explicación redactada con ayuda de IA a partir de la descripción original.