# Referencia Completa — Workflow con Claude Code

## Skills Bundled de Claude Code

Claude Code incluye 17 skills predefinidos que NO requieren instalación.
Se invocan con `/nombre-skill` directamente en cualquier sesión:

### Documentos y datos
| Skill | Qué hace |
|-------|---------|
| `/pdf` | Leer, crear, combinar, dividir PDFs |
| `/pptx` | Crear presentaciones PowerPoint |
| `/docx` | Crear documentos Word |
| `/xlsx` | Analizar hojas de cálculo Excel |

### Frontend y diseño
| Skill | Qué hace |
|-------|---------|
| `/frontend-design` | Interfaces frontend de alta calidad visual |
| `/web-artifacts-builder` | Componentes web complejos (React + shadcn/ui) |
| `/brand-guidelines` | Aplicar guías de marca Anthropic |
| `/canvas-design` | Diseño en canvas HTML |
| `/theme-factory` | Crear temas y design systems |
| `/algorithmic-art` | Arte algorítmico y generativo |

### Desarrollo y testing
| Skill | Qué hace |
|-------|---------|
| `/claude-api` | Desarrollar con la API de Claude / Anthropic SDK |
| `/mcp-builder` | Construir servidores MCP |
| `/webapp-testing` | Testing de aplicaciones web |
| `/skill-creator` | Crear nuevos skills para Claude Code |

### Comunicación
| Skill | Qué hace |
|-------|---------|
| `/internal-comms` | Comunicaciones internas (status reports, FAQs) |
| `/doc-coauthoring` | Co-escribir documentos |
| `/slack-gif-creator` | Crear GIFs para Slack |

### Combinando con flujo SWL

Estos skills se combinan naturalmente con el flujo SWL:

- `/swl:ejecutar-fase` + `/frontend-design` — Implementar UI con alta calidad visual
- `/swl:verificar` + `/webapp-testing` — Verificar con tests de aplicación web
- `documentador-swl` + `/pdf` + `/pptx` — Generar entregables en múltiples formatos
- `producto-prd-swl` + `/docx` — Exportar PRD como documento Word
- `datos-swl` + `/xlsx` — Analizar datos de Excel para ETL
- `auto-evolucion-swl` + `/skill-creator` — Crear nuevos skills del sistema

---

## Patrones de Productividad

### Para features nuevas

```
Plan Mode -> describir feature -> aprobar plan -> Auto Accept -> implementar -> commit
```

### Para debugging

```
Plan Mode -> describir bug + evidence -> Claude investiga -> diagnóstico
-> Auto Accept -> fix -> test -> commit
```

### Para refactoring

```
Plan Mode -> describir que refactorizar y por que -> Claude analiza impacto
-> aprobar plan -> Auto Accept -> refactorizar en pasos atomicos
-> test despues de cada paso -> commit
```

### Para code review

```
Default Mode -> "review PR #123" -> Claude analiza cambios
-> sugiere mejoras -> discutir -> aplicar fixes
```

### Para onboarding en proyecto existente

```
claude
> "Analiza este codebase y explicame la arquitectura"
> "Que tecnologias usa y como estan organizadas?"
> "Cuales son los flujos principales?"
-> Claude lee el codebase -> genera resumen -> usuario refina CLAUDE.md
```

---

## Quick Reference

| Comando | Función |
|---------|---------|
| `/init` | Generar CLAUDE.md inicial |
| `/compact` | Comprimir contexto |
| `/clear` | Nueva conversación |
| `/memory` | Toggle auto memory |
| `/help` | Ayuda de Claude Code |
| `Shift+Tab` | Toggle extended thinking |
| `Shift+Tab+Tab` | Plan Mode |
| `Esc Esc` | Rewind menu |
| `!comando` | Ejecutar shell command |
| `@archivo` | Cargar archivo en contexto |
