Catálogo de Skills

API and Interface Design

GitHub
Funciones y alcance
Guía el diseño de interfaces y APIs estables, limpias y difíciles de usar erróneamente. Aplica principios como Contract-First, Hyrum's Law (todo comportamiento observable se convertirá en contrato) y The One-Version Rule.
# API and Interface Design

## Principios Fundamentales
1. **Contract First**: Define siempre la interfaz antes de escribir la implementación. El contrato es la especificación.
2. **Hyrum's Law**: Cualquier comportamiento observable de una API (incluidos formatos de error o tiempos) será asumido por alguien como contrato. No expongas detalles de implementación.
3. **The One-Version Rule**: Evita forzar al consumidor a lidiar con múltiples versiones en conflicto. Diseña contratos extensibles hacia adelante.
4. **Validación Temprana**: Valida esquemas y entradas en la frontera de la API, devolviendo respuestas de error tipadas y legibles.
por Addy Osmani 04/10/2026

Frontend UI Engineering

GitHub
Funciones y alcance
Construye interfaces de usuario de alta calidad para producción: responsivas, estéticas, accesibles (normativa WCAG AA) y con micro-interacciones pulidas que transmitan excelencia visual.
# Frontend UI Engineering

## Objetivos
- Interfaz moderna con jerarquía tipográfica cuidada y paletas de color con contraste verificado.
- Totalmente accesible: etiquetas ARIA donde corresponda, soporte completo de navegación por teclado y respeto por prefers-reduced-motion.
- Arquitectura por componentes desacoplados con tokens de diseño CSS unificados.
- Eliminación de saltos de diseño (CLS) mediante dimensiones explícitas y skeleton loaders en cargas asíncronas.
por Addy Osmani 04/10/2026

Incremental Implementation

GitHub
Funciones y alcance
Descompone cambios complejos en cortes verticales y delgados que pueden probarse, integrarse y desplegarse de manera segura e independiente, minimizando el riesgo de regresiones.
# Incremental Implementation

## Estrategia de Trabajo
1. Divide tareas que afecten a más de 2 archivos en rebanadas verificables independientes.
2. Conserva la suite de tests en verde en cada paso intermedio.
3. Utiliza feature flags o patrones expand/contract para migraciones sin tiempo de inactividad ni roturas.
4. Valida cada incremento con pruebas unitarias antes de continuar al siguiente módulo.
por Addy Osmani 04/10/2026

Test-Driven Development (TDD)

GitHub
Funciones y alcance
Dirige el desarrollo de software mediante el bucle Red-Green-Refactor. Garantiza que cada función cuente con pruebas reproducibles que demuestren su correcto funcionamiento.
# Test-Driven Development (TDD)

## Ciclo Red-Green-Refactor
1. **Red**: Escribe una prueba pequeña y enfocada que falle antes de implementar cualquier código de producción.
2. **Green**: Escribe el código estrictamente necesario para que la prueba pase con éxito.
3. **Refactor**: Limpia el código, elimina duplicidades y optimiza manteniendo todos los tests en verde.
4. No aceptes código nuevo o corrección de bugs sin una prueba automatizada asociada.
por Addy Osmani 04/10/2026

Code Review & Quality

GitHub
Funciones y alcance
Auditoría exhaustiva multidimensional antes de aprobar y fusionar cambios (PRs): corrección técnica, seguridad, rendimiento, mantenibilidad y cobertura de pruebas.
# Code Review & Quality

## Ejes de Inspección
- **Corrección lógica**: ¿Maneja casos límite, valores nulos y excepciones adecuadamente?
- **Rendimiento**: ¿Introduce consultas N+1, operaciones sincrónicas bloqueantes o renderizados innecesarios?
- **Seguridad**: ¿Se sanean todas las entradas de usuario y se previenen inyecciones SQL / XSS?
- **Simplicidad**: ¿Es el código fácil de entender para otro desarrollador sin requerir explicaciones paralelas?
por Addy Osmani 04/10/2026

Debugging & Error Recovery

GitHub
Funciones y alcance
Metodología científica para el diagnóstico y resolución de errores. Evita conjeturas mediante hipótesis contrastables, reproducción mínima y resolución de causa raíz.
# Debugging and Error Recovery

## Protocolo de Diagnóstico
1. **Reproducción fiable**: Crea un caso de prueba o paso a paso mínimo y repetible que dispare el fallo.
2. **Formulación de hipótesis**: Plantea una causa concreta y falsable basada en logs e inspección del estado.
3. **Comprobación**: Diseña un test o registro específico para confirmar o refutar la hipótesis.
4. **Solución en la raíz**: Corrige la causa original en lugar de ocultar los síntomas con parches cosméticos.
por Addy Osmani 04/10/2026

Code Simplification

GitHub
Funciones y alcance
Refactorización dirigida a reducir la complejidad accidental, eliminar código muerto y hacer que el flujo de ejecución sea directo y transparente.
# Code Simplification

## Reglas de Claridad
- Reduce niveles de anidamiento utilizando guard clauses y salidas tempranas (early returns).
- Nombres descriptivos y explícitos sobre comentarios redundantes.
- Descompone métodos largos en funciones pequeñas con una única responsabilidad clara.
- Elimina abstracciones prematuras si solo tienen una implementación real.
por Addy Osmani 04/10/2026

CI/CD and Automation

GitHub
Funciones y alcance
Configuración de pipelines automatizados de integración y despliegue continuo con GitHub Actions u homólogos, integrando análisis estático, linter y tests.
# CI/CD and Automation

## Reglas de Pipeline
1. Todo Pull Request debe ejecutar linters, análisis de tipos y suites de pruebas en paralelo.
2. Bloqueo estricto de merge si algún paso falla.
3. Generación de artefactos reproducibles y despliegues automáticos a entornos de staging/producción tras validación.
por Addy Osmani 04/10/2026

Git Workflow and Versioning

GitHub
Funciones y alcance
Flujo de trabajo con Git: ramas limpias, commits atómicos con Conventional Commits, versionado semántico (SemVer) y resolución limpia de conflictos.
# Git Workflow and Versioning

## Buenas Prácticas
- Commits atómicos: un cambio conceptual por commit con mensaje claro (`feat:`, `fix:`, `refactor:`, `docs:`).
- Rebase interactivo para limpiar ramas antes de abrir Pull Request.
- Versionado semántico estricto: MAJOR para cambios incompatibles, MINOR para nuevas funcionalidades retrocompatibles, PATCH para correcciones.
por Addy Osmani 04/10/2026

Observability & Instrumentation

GitHub
Funciones y alcance
Instrumenta sistemas para hacer visible su comportamiento en producción: telemetría, logs estructurados JSON, métricas y trazado distribuido.
# Observability and Instrumentation

## Pilares de Visibilidad
- **Logs estructurados**: Incluye siempre contexto identificador (request_id, user_id, duración) en formato parseable.
- **Métricas**: Registra tasas de éxito, errores (4xx/5xx) y percentiles de latencia (p95/p99).
- **Alertas tempranas**: Notificaciones antes de que un fallo de rendimiento impacte a la totalidad de usuarios.
por Addy Osmani 04/10/2026

Security and Hardening

GitHub
Funciones y alcance
Auditoría de seguridad y mitigación activa frente a vulnerabilidades OWASP Top 10: inyección SQL, Cross-Site Scripting (XSS), CSRF y gestión estricta de credenciales.
# Security and Hardening

## Controles Esenciales
1. **Consultas parametrizadas**: Usa siempre prepared statements; nunca concatenes variables en sentencias SQL.
2. **Escape contextual**: Escapa toda salida hacia el navegador (`htmlspecialchars` con ENT_QUOTES | ENT_SUBSTITUTE).
3. **Protección CSRF**: Tokens criptográficos únicos por sesión validados en todos los métodos POST/PUT/DELETE.
4. **Cookies seguras**: Marcas `HttpOnly`, `Secure` y `SameSite=Lax` en identificadores de sesión.
5. **Cabeceras HTTP de seguridad**: Content-Security-Policy, X-Frame-Options, X-Content-Type-Options.
por Addy Osmani 04/10/2026

Performance Optimization

GitHub
Funciones y alcance
Mejora del tiempo de carga y respuesta global: índices optimizados en SQLite/MySQL, compresión de recursos estáticos, caché HTTP y buenas puntuaciones en Core Web Vitals.
# Performance Optimization

## Áreas de Optimización
- **Bases de datos**: Asegura índices en claves foráneas y columnas de filtro frecuente (`EXPLAIN QUERY PLAN`).
- **Frontend**: Optimización de imágenes (WebP), compresión gzip/brotli y minimización del bloqueo de renderizado por scripts.
- **Consultas eficientes**: Evita patrones de consulta N+1 mediante JOINs adecuados o agrupación de lecturas.
por Addy Osmani 04/10/2026

Spec-Driven Development

GitHub
Funciones y alcance
Redacción de especificaciones claras antes de codificar. Define objetivos, modelo de datos, flujos de usuario y criterios de aceptación verificables.
# Spec-Driven Development

## Componentes de una Especificación
1. **Problema y Alcance**: Qué problema resuelve la funcionalidad y qué queda explícitamente fuera de alcance.
2. **Contrato de Datos**: Esquema de entidades, tipos de datos y restricciones de integridad.
3. **Casos de Uso**: Flujos principales y alternativos detallados paso a paso.
4. **Criterios de Aceptación**: Lista de condiciones objetivas para declarar la tarea terminada.
por Addy Osmani 04/10/2026

Interview Me

GitHub
Funciones y alcance
Extrae y refina los verdaderos requisitos del usuario mediante un diálogo interactivo enfocado pregunta a pregunta, evitando suposiciones silenciosas.
# Interview Me

## Metodología
- Formula una sola pregunta clave a la vez para no abrumar al usuario.
- Cuestiona supuestos técnicos iniciales para entender el problema de negocio de fondo.
- Ofrece opciones recomendadas con sus respectivos pros y contras.
- No comiences a codificar hasta alcanzar un alto grado de certidumbre sobre el alcance deseado.
por Addy Osmani 04/10/2026