por Juanjo LunaExtraer sistema de diseño web
Te ayuda a documentar el sistema de diseño de una web en DESIGN.md con tokens, estructura, componentes e imágenes. Sirve para recrear su estilo visual o describir patrones de interfaz.
Descripción original (inglés)
design: Extract a reference website's design system into DESIGN.md with tokens, layout, components, and imagery. Use for recreating its visual style or documenting UI patterns.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta design 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/firecrawl/firecrawl-claude-plugin.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/design" ~/.claude/skills/design
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 firecrawl/firecrawl-claude-plugin
- Recopilar identidad de marca brand-identity
- Buscar contactos de empresas business-contact-research
- Enriquecer leads profesionales enrich-lead
- Decidir en fantasy sports fantasy-sports
- Encontrar leads profesionales find-leads
- Buscar y extraer datos web firecrawl
- Investigar a fondo con Firecrawl firecrawl-deep-research
- Investigar APIs y librerías firecrawl-developer-index
Explicación redactada con ayuda de IA a partir de la descripción original.