por Juanjo LunaPrototipo web general
Crea un prototipo web de escritorio en un solo archivo HTML. Te sirve como opción por defecto para landings, páginas de marketing o documentación.
Descripción original (inglés)
web-prototype: General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `references/layouts.md`. Default for any landing / marketing / docs / SaaS page when no more specific skill matches.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta web-prototype 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/web-prototype" ~/.claude/skills/web-prototype
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.