Communitygithub.com

PramodDutta/qaskills

Transforma viñetas de currículum en estudios de caso detallados para portafolio profesional.

¿Qué es qaskills?

Esta habilidad te guía paso a paso para convertir viñetas genéricas de tu currículum en estudios de caso completos y persuasivos, ideales para portafolios de producto, diseño, ingeniería o marketing. Soporta plataformas como Claude Code, Cursor y Codex, y cualquier otro agente que lea un SKILL.md. El proceso se estructura en seis secciones (Resumen, Problema, Proceso, Solución, Resultados y Aprendizajes) con ejemplos concretos para cada rol. Además, incluye listas de verificación de calidad, consejos visuales y un formato estándar de salida, lo que lo hace útil tanto para principiantes como para profesionales que buscan destacar en entrevistas técnicas o de producto.

Compatible con✓Claude Code✓Codex CLI✓Cursor✓Windsurf
npx skills add https://github.com/PramodDutta/qaskills/tree/HEAD/seed-skills/portfolio-case-study-writer

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Escritor de Estudios de Caso para Portafolio

Cuándo usar esta habilidad

Usa esta habilidad cuando el usuario:

  • Quiere crear estudios de caso para su portafolio
  • Necesita expandir viñetas de currículum en redacciones detalladas
  • Está construyendo un sitio web de portafolio
  • Quiere mostrar el trabajo de proyectos en profundidad
  • Menciona: "estudio de caso", "portafolio", "redacción de proyecto", "muestras de trabajo", "pieza de portafolio"

Capacidades principales

  • Transformar viñetas de currículum en estudios de caso detallados
  • Estructurar estudios de caso para máximo impacto
  • Crear narrativas de proyecto convincentes
  • Equilibrar detalle técnico con contexto de negocio
  • Formatear para sitios web de portafolio
  • Adaptar la profundidad a la audiencia

Propósito del estudio de caso

Por qué importan los estudios de caso:

  • Los currículums muestran QUÉ hiciste; los estudios de caso muestran CÓMO y POR QUÉ
  • Demuestran el proceso de pensamiento, no solo los resultados
  • Permiten una exhibición más profunda de habilidades
  • Te diferencian de otros candidatos
  • Requeridos para muchos roles de PM, UX y creativos

La estructura del estudio de caso

Estructura estándar

1. Resumen (Resumen del proyecto)
2. Problema (Qué necesitaba resolverse)
3. Proceso (Cómo lo abordaste)
4. Solución (Qué creaste/entregaste)
5. Resultados (El impacto)
6. Aprendizajes (Qué harías diferente)

Tiempo de lectura

  • Lectura rápida: 3-5 minutos (esencial para portafolio)
  • Lectura profunda: 10-15 minutos (para lectores interesados)

Guía sección por sección

1. Sección de Resumen

Propósito: Enganchar al lector, proporcionar contexto

Incluye:

  • Nombre del proyecto y empresa
  • Tu rol
  • Cronograma
  • Tamaño del equipo
  • Resumen de impacto en una oración

Ejemplo:

# Rediseñando el Flujo de Pago

**Empresa:** E-Commerce Inc.
**Rol:** Diseñador de Producto Líder
**Cronograma:** 6 semanas
**Equipo:** 2 diseñadores, 3 ingenieros, 1 PM

**Resumen:** Redujo el abandono de carrito en un 35% mediante un proceso de pago simplificado de 3 pasos, generando $2M en ingresos recuperados.

2. Sección de Problema

Propósito: Establecer por qué este trabajo era importante

Incluye:

  • Contexto de negocio
  • Puntos de dolor del usuario
  • Métricas u objetivos clave
  • Restricciones

Ejemplo:

## El Problema

E-Commerce Inc. experimentaba un 68% de abandono de carrito, significativamente más alto que el promedio de la industria del 55%. Encuestas de salida e investigación de usuarios revelaron varios problemas:

- **Demasiados pasos:** Nuestro proceso de pago tenía 7 pantallas
- **Creación de cuenta forzada:** Los usuarios debían registrarse antes de comprar
- **Costos ocultos:** El envío no se mostraba hasta el paso 5
- **Fricción móvil:** Los formularios no estaban optimizados para móvil

**Objetivo:** Reducir el abandono de carrito por debajo del 50% en 3 meses.

**Restricciones:**
- Sin cambios en integraciones de pago existentes
- Debía mantener el cumplimiento PCI
- Cronograma de 6 semanas antes de la temporada navideña

3. Sección de Proceso

Propósito: Mostrar tu pensamiento y metodología

Incluye:

  • Investigación realizada
  • Partes interesadas involucradas
  • Hipótesis formadas
  • Opciones consideradas
  • Decisiones tomadas (y por qué)

Ejemplo:

## Proceso

### Investigación
Comencé entendiendo el problema a fondo:
- Analicé datos de funnel de Mixpanel para puntos de abandono
- Realicé 10 entrevistas con usuarios que abandonaron recientemente
- Revisé mapas de calor y grabaciones de sesiones
- Comparé con 5 flujos de pago de la competencia

**Hallazgo clave:** El 73% de los abandonos ocurrían en la pantalla de creación de cuenta. Los usuarios querían comprar, no comprometerse con una relación.

### Ideación
Exploré varios enfoques:
1. Solo pago como invitado (el más simple)
2. Opciones de inicio de sesión social (menor fricción)
3. Perfilado progresivo (recopilar información con el tiempo)
4. Pago en una página (estilo Amazon)

Después de sopesar viabilidad, cronograma e impacto, elegimos un enfoque híbrido...

### Decisiones tomadas
- **Pago como invitado primero:** Hicimos el registro opcional y posterior a la compra
- **Precios transparentes:** Mostramos el envío en la primera pantalla
- **Diseño móvil primero:** Diseñamos para móvil, luego adaptamos para escritorio
- **Indicador de progreso:** Agregamos un indicador claro "Paso 1 de 3"

4. Sección de Solución

Propósito: Mostrar lo que realmente creaste

Incluye:

  • Artefactos visuales (maquetas, capturas de pantalla, diagramas)
  • Características/cambios clave
  • Implementación técnica (si es relevante)
  • Cómo abordó los problemas

Ejemplo:

## Solución

### El Nuevo Flujo de Pago

**Antes:** 7 pantallas con registro obligatorio
**Después:** 3 pantallas con pago como invitado opcional

[IMAGEN: Comparación antes/después]

### Cambios Clave

**1. Widget de Precios Transparentes**
[IMAGEN: Maqueta del widget de precios]
Mostraba el total del pedido, envío e impuestos desde el inicio. Sin sorpresas.

**2. Opción de Pago como Invitado**
[IMAGEN: Pantalla de pago como invitado]
Hicimos la creación de cuenta opcional con una propuesta de valor clara para registrarse.

**3. Diseño Inteligente de Formularios**
[IMAGEN: Diseño del formulario]
- Diseño de una columna en móvil
- Autoformato para números de teléfono/tarjeta
- Integración de autocompletado de direcciones
- Mensajes de error claros

**4. Señales de Confianza**
Agregamos insignias de seguridad, garantía de devolución de dinero y contacto de servicio al cliente en todo el flujo.

5. Sección de Resultados

Propósito: Probar el impacto con datos

Incluye:

  • Resultados cuantitativos (con marco temporal)
  • Comparación con objetivos
  • Métricas secundarias afectadas
  • Impacto en el negocio

Ejemplo:

## Resultados

### Métricas Principales (90 días post-lanzamiento)

| Métrica | Antes | Después | Cambio |
|---------|-------|---------|--------|
| Abandono de Carrito | 68% | 44% | -35% |
| Finalización de Pago | 32% | 56% | +75% |
| Conversión Móvil | 18% | 41% | +128% |
| Ingresos por Visitante | $2.40 | $3.85 | +60% |

### Impacto en el Negocio
- **$2M en ingresos adicionales** en el primer trimestre
- **Aumento del 15% en pedidos móviles**
- **Los tickets de soporte sobre el pago** disminuyeron un 45%

### Efectos Secundarios
- La creación de cuentas en realidad aumentó un 20% (post-compra)
- El valor promedio del pedido se mantuvo estable
- La tasa de clientes recurrentes mejoró

6. Sección de Aprendizajes

Propósito: Mostrar mentalidad de crecimiento y autoconocimiento

Incluye:

  • Qué funcionó bien
  • Qué harías diferente
  • Desafíos inesperados
  • Habilidades desarrolladas

Ejemplo:

## Aprendizajes

### Lo que Funcionó
- **La investigación temprana de usuarios** evitó que construyéramos la solución equivocada
- **Las reuniones de alineación multifuncional** mantuvieron a todos en la misma página
- **Lanzar con análisis** nos permitió medir el impacto de inmediato

### Lo que Haría Diferente
- **Más pruebas A/B:** Lanzamos el rediseño completo de una vez. Hubiera preferido probar cambios individuales para entender qué impulsó los resultados.
- **Enfoque móvil más temprano:** Diseñamos para escritorio primero y luego adaptamos. Comenzar con móvil primero habría sido más eficiente.
- **Educación de partes interesadas:** Pasé demasiado tiempo convenciendo a la dirección. Comenzaría la alineación de partes interesadas antes la próxima vez.

### Habilidades Desarrolladas
- Prototipado avanzado en Figma
- Trabajo con marcos de pruebas A/B
- Presentación de decisiones de diseño basadas en datos a ejecutivos

Tipos de Estudio de Caso por Rol

Estudio de Caso de Gerente de Producto

Enfoque en:

  • Estrategia y priorización
  • Gestión de partes interesadas
  • Métricas y resultados
  • Compensaciones técnicas

Estudio de Caso de Diseñador UX/Producto

Enfoque en:

  • Investigación de usuarios
  • Proceso de diseño
  • Artefactos visuales
  • Mejoras de usabilidad

Estudio de Caso de Ingeniero de Software

Enfoque en:

  • Arquitectura técnica
  • Enfoque de resolución de problemas
  • Diseño de sistemas
  • Calidad/rendimiento del código

Estudio de Caso de Marketing

Enfoque en:

  • Estrategia y segmentación
  • Ejecución creativa
  • Rendimiento de canales
  • ROI y atribución

Elementos Visuales

Visuales Imprescindibles

  • Comparaciones antes/después
  • Pantallas o entregables clave
  • Diagramas de proceso
  • Gráficos de resultados

Visuales Recomendables

  • Mapas de viaje del usuario
  • Evolución de wireframes
  • Artefactos de investigación
  • Fotos del equipo

Consejos Visuales

  • Usa tamaños de imagen consistentes
  • Agrega pies de foto explicando cada imagen
  • Difumina datos sensibles si es necesario
  • Asegura tamaños de imagen adaptables a móvil

Formato de Salida

Al crear un estudio de caso:

# ESTUDIO DE CASO: [NOMBRE DEL PROYECTO]

## Datos Rápidos
- **Rol:** [Tu rol]
- **Empresa:** [Empresa]
- **Cronograma:** [Duración]
- **Equipo:** [Composición del equipo]
- **Impacto:** [Resultado en una línea]

---

## Resumen
[Resumen del proyecto en 2-3 oraciones]

## Problema
[Contexto y desafíos - qué necesitaba resolverse]

## Proceso
### Investigación
[Lo que aprendiste]

### Enfoque
[Cómo lo abordaste]

### Decisiones Clave
[Decisiones importantes y su fundamento]

## Solución
[Lo que construiste/creaste - incluye descripciones visuales]

### Característica 1
[Descripción]

### Característica 2
[Descripción]

## Resultados
[Impacto cuantificado]

| Métrica | Antes | Después | Cambio |
|---------|-------|---------|--------|

## Aprendizajes
[Reflexiones y crecimiento]

---

## Lista de Activos Visuales
[Lista de imágenes/capturas de pantalla necesarias]

Lista de Verificación de Calidad del Estudio de Caso

  • ✅ Declaración clara del problema
  • ✅ Evidencia de enfoque en el usuario/cliente
  • ✅ Proceso claramente explicado
  • ✅ Tus contribuciones específicas son claras
  • ✅ Resultados cuantificados
  • ✅ Artefactos visuales incluidos
  • ✅ Honesto sobre desafíos/aprendizajes
  • ✅ Longitud adecuada (3-10 min de lectura)
  • ✅ Corregido y pulido
  • ✅ Se puede discutir en detalle en una entrevista

Para Roles de QA y Pruebas

Un estudio de caso de QA que consigue entrevistas se lee como un buen informe de incidente: el problema de calidad (lanzamientos que se rompen, sin cobertura de API, 40% de tasa de fallos), tu enfoque con decisiones reales (por qué Playwright sobre Cypress, por qué pruebas de contrato antes que E2E), el artefacto (enlace al repositorio, bosquejo de arquitectura, prueba de muestra) y el resultado medido. Un estudio de caso honesto con un repositorio enlazable supera a cinco resúmenes en párrafos. Redacta los detalles del empleador; reconstruye el patrón contra una aplicación pública si el original es propietario.


Licencia y atribución

Adaptado para profesionales de QA por The Testing Academy (thetestingacademy) de Resume Skills. El trabajo original se utiliza bajo la Licencia MIT, reproducida en su totalidad a continuación. Las modificaciones a este archivo se publican bajo la misma licencia.

MIT License

Copyright (c) 2026 Resume Skills

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Skills relacionados