por Juanjo LunaDiseñar landing pages de marca
Te ayuda a crear landing pages con una identidad visual definida y acabado pulido. Sirve cuando quieres una página de inicio o marketing sin tener aún un estilo visual claro.
Descripción original (inglés)
brand-landingpage: Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML. Use when the user asks to create, design, or build a landing page, homepage, or marketing page and has no established visual direction. Skip when they have a design mockup, need a dashboard or app UI, are working at component level, building a multi-page app, or restyling with known design tokens — use frontend-design instead.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta brand-landingpage 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/wshobson/agents.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/plugins/brand-landingpage/skills/brand-landingpage" ~/.claude/skills/brand-landingpage
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 wshobson/agents
- Crear interfaces accesibles accessibility-compliance
- Detectar deuda técnica de IA ai-debt-detector
- Migrar de AngularJS a Angular angular-migration
- Técnicas anti-reversing anti-reversing-techniques
- Diseñar APIs REST y GraphQL api-design-principles
- Documentar decisiones técnicas architecture-decision-records
- Patrones de arquitectura backend architecture-patterns
- Programar con asyncio en Python async-python-patterns
Explicación redactada con ayuda de IA a partir de la descripción original.