a013e10d44
- Add favicon.png and og-image.png with custom designs - Add og:image meta tags with dimensions and alt text - Create localized versions: Korean, Japanese, Chinese, Spanish - Update styles with language selector and responsive design
341 lines
17 KiB
HTML
341 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!-- SEO Meta Tags -->
|
|
<title>Manifiesto Ultrawork | La Filosofía de la Ingeniería de Alto Rendimiento</title>
|
|
<meta name="description" content="Un marco filosófico para desarrolladores e ingenieros de IA para lograr una productividad extrema a través del enfoque profundo, la ejecución atómica y la metodología Ultrawork.">
|
|
<meta name="keywords" content="ultrawork, productividad de desarrolladores, ingeniería de IA, trabajo profundo, manifiesto tecnológico, oh my opencode, sisyphus">
|
|
<meta name="robots" content="index, follow, max-image-preview:large">
|
|
<link rel="canonical" href="https://ulw.dev/es/">
|
|
<link rel="alternate" hreflang="en" href="https://ulw.dev/">
|
|
<link rel="alternate" hreflang="ko" href="https://ulw.dev/ko/">
|
|
<link rel="alternate" hreflang="ja" href="https://ulw.dev/ja/">
|
|
<link rel="alternate" hreflang="zh" href="https://ulw.dev/zh/">
|
|
<link rel="alternate" hreflang="es" href="https://ulw.dev/es/">
|
|
<link rel="alternate" hreflang="x-default" href="https://ulw.dev/">
|
|
<meta name="theme-color" content="#0a0a0a">
|
|
<meta name="author" content="Yeongyu Kim">
|
|
<link rel="icon" type="image/png" href="../images/favicon.png">
|
|
<link rel="apple-touch-icon" href="../images/favicon.png">
|
|
|
|
<!-- Open Graph / Facebook -->
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://ulw.dev/es/">
|
|
<meta property="og:title" content="Manifiesto Ultrawork | La Filosofía de la Ingeniería de Alto Rendimiento">
|
|
<meta property="og:description" content="Un marco filosófico para desarrolladores e ingenieros de IA para lograr una productividad extrema a través del enfoque profundo, la ejecución atómica y la metodología Ultrawork.">
|
|
<meta property="og:image" content="https://ulw.dev/images/og-image.png">
|
|
<meta property="og:image:width" content="1200">
|
|
<meta property="og:image:height" content="630">
|
|
<meta property="og:image:alt" content="Manifiesto Ultrawork - Un Plano para el Trabajo Significativo">
|
|
<meta property="og:site_name" content="Ultrawork">
|
|
|
|
<!-- Twitter Card -->
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:site" content="@justsisyphus">
|
|
<meta name="twitter:creator" content="@justsisyphus">
|
|
<meta name="twitter:title" content="Manifiesto Ultrawork | La Filosofía de la Ingeniería de Alto Rendimiento">
|
|
<meta name="twitter:description" content="Un marco filosófico para desarrolladores e ingenieros de IA para lograr una productividad extrema a través del enfoque profundo, la ejecución atómica y la metodología Ultrawork.">
|
|
<meta name="twitter:image" content="https://ulw.dev/images/og-image.png">
|
|
|
|
<!-- Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@400&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="../styles.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="hero-container">
|
|
<img src="../images/hero.png" alt="Ultrawork Hero" class="hero-image">
|
|
<h1 class="hero-title">Manifiesto Ultrawork</h1>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- Section 1 -->
|
|
<section id="human-intervention">
|
|
<h2>La Intervención Humana es una Señal de Fallo</h2>
|
|
|
|
<div class="gold-gradient-text bottleneck-text">
|
|
HUMANO EN EL BUCLE = CUELLO DE BOTELLA<br>
|
|
HUMANO EN EL BUCLE = CUELLO DE BOTELLA<br>
|
|
HUMANO EN EL BUCLE = CUELLO DE BOTELLA
|
|
</div>
|
|
|
|
<p>Piensen en la conducción autónoma. Cuando un humano tiene que tomar el volante, eso no es una característica, es un fallo del sistema. El auto no pudo manejar la situación por sí mismo.</p>
|
|
|
|
<h3>¿Por qué la programación sería diferente?</h3>
|
|
|
|
<p>Cuando se encuentran:</p>
|
|
<ul>
|
|
<li>Arreglando el código a medio terminar de la IA</li>
|
|
<li>Corrigiendo manualmente errores obvios</li>
|
|
<li>Guiando al agente paso a paso a través de una tarea</li>
|
|
<li>Aclarando repetidamente los mismos requerimientos</li>
|
|
</ul>
|
|
|
|
<p>...eso no es "colaboración humano-IA". Eso es la IA fallando en hacer su trabajo.</p>
|
|
|
|
<p><strong><a href="https://github.com/code-yeongyu/oh-my-opencode" target="_blank" rel="noopener">Oh My OpenCode</a> está construido bajo esta premisa</strong>: La intervención humana durante el trabajo agéntico es fundamentalmente una señal equivocada. Si el sistema está diseñado correctamente, el agente debería completar el trabajo sin requerir que ustedes lo vigilen.</p>
|
|
</section>
|
|
|
|
<div class="divider">
|
|
<img src="../images/orb-divider.png" alt="Divider">
|
|
</div>
|
|
|
|
<!-- Section 2 -->
|
|
<section id="indistinguishable-code">
|
|
<h2>Código Indistinguible</h2>
|
|
|
|
<p class="highlight-box"><strong>Objetivo: El código escrito por el agente debe ser indistinguible del código escrito por un ingeniero senior.</strong></p>
|
|
|
|
<p>No "código generado por IA que necesita limpieza". No "un buen punto de partida". El código real, final y listo para producción.</p>
|
|
|
|
<p>Esto significa:</p>
|
|
<ul>
|
|
<li>Seguir exactamente los patrones existentes del código base</li>
|
|
<li>Manejo adecuado de errores sin que se lo pidan</li>
|
|
<li>Pruebas que realmente prueban lo correcto</li>
|
|
<li>Sin basura de IA (sobreingeniería, abstracciones innecesarias, alcance no solicitado)</li>
|
|
<li>Comentarios solo cuando agregan valor</li>
|
|
</ul>
|
|
|
|
<p>Si pueden distinguir si un commit fue hecho por un humano o un agente, el agente ha fallado.</p>
|
|
</section>
|
|
|
|
<div class="divider">
|
|
<img src="../images/orb-divider.png" alt="Divider">
|
|
</div>
|
|
|
|
<!-- Section 3 -->
|
|
<section id="token-cost">
|
|
<h2>Costo de Tokens vs. Productividad</h2>
|
|
|
|
<p><strong>Un mayor uso de tokens es aceptable si incrementa significativamente la productividad.</strong></p>
|
|
|
|
<p>Usar más tokens para:</p>
|
|
<ul>
|
|
<li>Tener múltiples agentes especializados investigando en paralelo</li>
|
|
<li>Terminar el trabajo completamente sin intervención humana</li>
|
|
<li>Verificar el trabajo minuciosamente antes de completarlo</li>
|
|
<li>Acumular conocimiento a través de las tareas</li>
|
|
</ul>
|
|
|
|
<p>...es una inversión que vale la pena cuando significa ganancias de productividad de 10x, 20x o 100x.</p>
|
|
|
|
<h3>Sin embargo:</h3>
|
|
|
|
<p>No se busca el desperdicio innecesario de tokens. El sistema optimiza para:</p>
|
|
<ul>
|
|
<li>Usar modelos más baratos (Haiku, Flash) para tareas simples</li>
|
|
<li>Evitar exploración redundante</li>
|
|
<li>Guardar en caché los aprendizajes entre sesiones</li>
|
|
<li>Detener la investigación cuando se ha reunido suficiente contexto</li>
|
|
</ul>
|
|
|
|
<p>La eficiencia de tokens importa. Pero no a costa de la calidad del trabajo o la carga cognitiva humana.</p>
|
|
</section>
|
|
|
|
<div class="divider">
|
|
<img src="../images/orb-divider.png" alt="Divider">
|
|
</div>
|
|
|
|
<!-- Section 4 -->
|
|
<section id="cognitive-load">
|
|
<h2>Minimizar la Carga Cognitiva Humana</h2>
|
|
|
|
<p><strong>El humano solo debería necesitar decir lo que quiere. Todo lo demás es trabajo del agente.</strong></p>
|
|
|
|
<p>Dos enfoques para lograr esto:</p>
|
|
|
|
<div class="approach-container">
|
|
<div class="approach ultrawork-approach">
|
|
<h3>Enfoque 1: Ultrawork</h3>
|
|
<p class="approach-tagline">Solo digan "ulw" y aléjense.</p>
|
|
<p>Ustedes dicen: <code>ulw add authentication</code></p>
|
|
<p>El agente autónomamente:</p>
|
|
<ul>
|
|
<li>Analiza sus patrones de código y arquitectura</li>
|
|
<li>Investiga las mejores prácticas de la documentación oficial</li>
|
|
<li>Planea la estrategia de implementación internamente</li>
|
|
<li>Implementa siguiendo sus convenciones existentes</li>
|
|
<li>Verifica con pruebas y diagnósticos LSP</li>
|
|
<li>Se autocorrige cuando algo sale mal</li>
|
|
<li><strong>Sigue empujando la roca hasta completar el 100%</strong></li>
|
|
</ul>
|
|
<p class="approach-summary"><strong>Cero intervención. Autonomía total. Solo resultados.</strong></p>
|
|
</div>
|
|
|
|
<div class="approach prometheus-approach">
|
|
<h3>Enfoque 2: Prometheus + Atlas</h3>
|
|
<p class="approach-tagline">Cuando quieren control estratégico.</p>
|
|
<p>Presionen <kbd>Tab</kbd> para cambiar de agente, luego: <code>add authentication</code></p>
|
|
<p><strong>Prometheus</strong> (Planificador Estratégico):</p>
|
|
<ul>
|
|
<li>Realiza una investigación profunda del código base vía agentes paralelos</li>
|
|
<li>Los entrevista con preguntas inteligentes y contextuales</li>
|
|
<li>Identifica casos borde e implicaciones arquitectónicas</li>
|
|
<li>Genera un plan de trabajo detallado en YAML con dependencias</li>
|
|
</ul>
|
|
<p><strong>Atlas</strong> (Orquestador Maestro):</p>
|
|
<ul>
|
|
<li>Ejecuta el plan vía <code>/start-work</code></li>
|
|
<li>Delega tareas a agentes especializados (Oracle, Frontend Engineer, etc.)</li>
|
|
<li>Gestiona olas de ejecución paralela para eficiencia</li>
|
|
<li>Rastrea el progreso, maneja fallos, asegura la finalización</li>
|
|
</ul>
|
|
<p class="approach-summary"><strong>Ustedes arquitectan. Los agentes ejecutan. Transparencia total.</strong></p>
|
|
</div>
|
|
</div>
|
|
|
|
<p>En ambos casos, el trabajo del humano es <strong>expresar lo que quieren</strong>, no gestionar cómo se hace.</p>
|
|
</section>
|
|
|
|
<div class="divider">
|
|
<img src="../images/orb-divider.png" alt="Divider">
|
|
</div>
|
|
|
|
<!-- Section 5 -->
|
|
<section id="predictable-continuous">
|
|
<h2>Predecible, Continuo, Delegable</h2>
|
|
|
|
<p><strong>El agente ideal debería trabajar como un compilador</strong>: entra un documento markdown, sale código funcional.</p>
|
|
|
|
<h3>Predecible</h3>
|
|
<p>Dados los mismos inputs:</p>
|
|
<ul>
|
|
<li>Mismos patrones de código base</li>
|
|
<li>Mismos requerimientos</li>
|
|
<li>Mismas restricciones</li>
|
|
</ul>
|
|
<p>...la salida debe ser consistente. No aleatoria, no sorpresiva, no "creativa" en formas que no pidieron.</p>
|
|
|
|
<h3>Continuo</h3>
|
|
<p>El trabajo debe sobrevivir a las interrupciones:</p>
|
|
<ul>
|
|
<li>¿Se cae la sesión? Reanuden con <code>/start-work</code></li>
|
|
<li>¿Necesitan alejarse? El progreso se rastrea</li>
|
|
<li>¿Proyecto de varios días? El contexto se preserva</li>
|
|
</ul>
|
|
<p>El agente mantiene el estado. Ustedes no tienen que hacerlo.</p>
|
|
|
|
<h3>Delegable</h3>
|
|
<p>Así como pueden asignar una tarea a un miembro capaz del equipo y confiar en que la maneje, deberían poder delegar al agente.</p>
|
|
<p>Esto significa:</p>
|
|
<ul>
|
|
<li>Criterios de aceptación claros, verificados independientemente</li>
|
|
<li>Comportamiento autocorrectivo cuando algo sale mal</li>
|
|
<li>Escalamiento (a Oracle, al usuario) solo cuando es verdaderamente necesario</li>
|
|
<li>Trabajo completo, no "casi hecho"</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<div class="divider">
|
|
<img src="../images/orb-divider.png" alt="Divider">
|
|
</div>
|
|
|
|
<!-- Section 6 -->
|
|
<section id="core-loop">
|
|
<h2>El Bucle Central</h2>
|
|
|
|
<div class="ascii-art">
|
|
Intención Humana → Ejecución del Agente → Resultado Verificado
|
|
↑ ↓
|
|
└──────────── Mínimo ──────────────┘
|
|
(intervención solo en fallo verdadero)
|
|
</div>
|
|
|
|
<p>Todo en <a href="https://github.com/code-yeongyu/oh-my-opencode" target="_blank" rel="noopener">Oh My OpenCode</a> está diseñado para hacer que este bucle funcione:</p>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Característica</th>
|
|
<th>Propósito</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Prometheus</td>
|
|
<td>Extraer intención a través de entrevista inteligente</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Metis</td>
|
|
<td>Capturar ambigüedades antes de que se conviertan en bugs</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Momus</td>
|
|
<td>Verificar que los planes estén completos antes de la ejecución</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Orchestrator</td>
|
|
<td>Coordinar el trabajo sin microgestión humana</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Todo Continuation</td>
|
|
<td>Forzar finalización, prevenir mentiras de "ya terminé"</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Sistema de Categorías</td>
|
|
<td>Enrutar al modelo óptimo sin decisión humana</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Agentes en Segundo Plano</td>
|
|
<td>Investigación paralela sin bloquear al usuario</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Acumulación de Sabiduría</td>
|
|
<td>Aprender del trabajo, no repetir errores</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
|
|
<div class="divider">
|
|
<img src="../images/orb-divider.png" alt="Divider">
|
|
</div>
|
|
|
|
<!-- Section 7 -->
|
|
<section id="future">
|
|
<h2>El Futuro Que Estamos Construyendo</h2>
|
|
|
|
<p>Un mundo donde:</p>
|
|
<ul>
|
|
<li>Los desarrolladores humanos se enfocan en <strong>qué</strong> construir, no en <strong>cómo</strong> hacer que la IA lo construya</li>
|
|
<li>La calidad del código es independiente de quién (o qué) lo escribió</li>
|
|
<li>Los proyectos complejos son tan fáciles como los simples (solo toman más tiempo)</li>
|
|
<li>La "ingeniería de prompts" se vuelve tan obsoleta como la "depuración de compiladores"</li>
|
|
</ul>
|
|
|
|
<p><strong>El agente debería ser invisible.</strong> No en el sentido de que esté oculto, sino en el sentido de que simplemente funciona - como la electricidad, como el agua corriente, como el internet.</p>
|
|
|
|
<p>Ustedes tocan el interruptor. La luz se enciende. No piensan en la red eléctrica.</p>
|
|
|
|
<p class="final-statement">Esa es la meta.</p>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="footer-content">
|
|
<a href="https://github.com/code-yeongyu/oh-my-opencode" class="cta-link" target="_blank" rel="noopener">
|
|
Obtén Oh My OpenCode →
|
|
</a>
|
|
<p><strong>just ulw ulw</strong></p>
|
|
|
|
<nav class="language-selector" aria-label="Selección de idioma">
|
|
<span class="language-selector-label">Idioma</span>
|
|
<div class="language-links">
|
|
<a href="../" class="language-link" lang="en">English</a>
|
|
<a href="../ko/" class="language-link" lang="ko">한국어</a>
|
|
<a href="../ja/" class="language-link" lang="ja">日本語</a>
|
|
<a href="../zh/" class="language-link" lang="zh">简体中文</a>
|
|
<a href="./" class="language-link active" lang="es">Español</a>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |