102.7K+Descargar
DeepSeek Harness OpenDesign

Diseñar con
DeepSeek Harness en
OpenDesign.

Cómo diseñar interfaces con DeepSeek Harness en OpenDesign: un perfil de consola reutilizable, elección de skills y proveedor, una tabla de usuarios administradores de briefing a archivo revisado, y los límites que debe conocer antes de empezar.

Descargar OpenDesign Ir a configuración

TRES PUNTOS DE PARTIDA DE DEEPSEEK HARNESS

Elige tu punto de entrada a DeepSeek Harness

ESTA GUÍA · DISEÑO DE UI

Crea una interfaz con DeepSeek Harness

La ruta aquí va desde el brief y las referencias, pasando por las reglas de diseño, hasta un resultado HTML que revisas.

Lea esta guía CONFIGURACIÓN

Instala DeepSeek Harness sin requisitos previos

No se requiere tener Node.js, pnpm ni dsh preinstalados. Ejecuta el instalador de una línea para tu sistema operativo: instala DeepSeek Harness…

Ir a la configuración COMPARACIÓN

Descubre en qué se diferencia DeepSeek Harness

En qué se distingue DeepSeek Harness de DeepSeek TUI (`deepseek` / `codewhale`), OpenCode y Claude Code para tareas de diseño, y cuándo otro flujo de trabajo es la mejor opción.

Ver la comparación
En esta página Ejemplo
  1. Ejemplo
  2. Idoneidad
  3. Compatibilidad
  4. Configuración
  5. Workflow
  6. Recursos
  7. Limitaciones
  8. Preguntas frecuentes

Tarea de diseño con DeepSeek Harness completa

Del brief a la interfaz en DeepSeek Harness

Una tarea de diseño trazada desde el brief y las restricciones que entregas hasta el artefacto que devuelve, y las comprobaciones que aún ejecutas antes de darla por terminada. La interfaz de abajo es ilustrativa, creada para esta página; no es una ejecución de DeepSeek Harness registrada.

1Briefing de diseño y restricciones

Briefing

Crea la página de usuarios para una consola de administración: una tabla con búsqueda que abarque rol, equipo, estado y última actividad, además de acciones masivas y paginación. Usa la skill de consola a través de un perfil reutilizable. Escritorio y teléfono.

  • Sistema de diseñoOpenDesign lienzo paper con Albert Sans y un único acento verde
  • BreakpointsEscritorio a 1440px y móvil a 390px sin desplazamiento horizontal
  • InteraccionesBúsqueda, filtros, selección de filas, acciones masivas y paginación
  • ResultadoUn único archivo HTML autocontenido que use hooks estables data-od-id

2Quién hace qué: tú, DeepSeek Harness, OpenDesign

  • Usted

    Tú escribes el brief, eliges el sistema de diseño y estableces los criterios de aceptación.

  • DeepSeek Harness

    DeepSeek Harness planifica la maquetación, escribe el HTML, CSS y JavaScript, y luego revisa a petición.

  • OpenDesign

    OpenDesign proporciona el sistema de diseño y la skill, renderiza la vista previa y guarda cada versión como un archivo de proyecto.

  • Revisión

    Antes de la entrega, revisa la jerarquía visual, el espaciado en una cuadrícula de 8px, ambos puntos de interrupción y cada interacción.

3Artefacto de DeepSeek Harness: tabla de administración a 1440px y 390px

Artefacto de DeepSeek Harness: tabla de administración a 1440px y 390px — Escritorio
Ejemplo ilustrativo

4Revisión antes de la entrega

Diseño

Cuadrícula y espaciado

La barra de herramientas, la tabla y el paginador se alinean a la cuadrícula de 8px; los anchos de columna fijos evitan que las filas salten.

Jerarquía

Jerarquía visual

El nombre y el rol son los protagonistas; el acento aparece solo en el rol de propietario.

Responsivo

Diseño para móvil

La tabla se convierte en una lista que muestra nombre, correo electrónico y rol; los filtros pasan a una hoja.

Interacción

Comprobaciones de interacción

Busca, filtra por rol, selecciona dos filas, ejecuta una acción masiva y luego avanza de página.

Ajuste

Dónde encaja DeepSeek Harness y dónde no

DeepSeek Harness es adecuado cuando

  • Instrucciones del proyecto. Extrae las reglas de marca y de componentes de AGENTS.md o CLAUDE.md.
  • Skills reutilizables. Coloca el oficio de frontend y la verificación en `.dsh/skills` o `.agents/skills`.
  • Elección de proveedor. Dirige el trabajo de código/especificaciones a DeepSeek solo texto y las capturas de pantalla a una ruta con capacidad de imagen.
  • Perfiles componibles. Ensambla un entorno de ejecución enfocado a partir de las herramientas, la política y los plugins de interfaz que requiera el flujo de trabajo.

Elija otro workflow cuando

  • Necesitas archivos vectoriales editables. El resultado es HTML, no un documento de diseño editable; recurre a un flujo de trabajo vectorial aparte para el formato de recurso que necesites.
  • No tienes referencias ni restricciones. Sin un sistema de diseño ni ejemplos, el resultado tiende a verse genérico; escribe el brief antes de generar.
  • No tienes la credencial que necesita este agente. Necesitas una clave de API de DeepSeek u otra credencial de proveedor configurada. OpenDesign no proporciona ni actúa como proxy de credenciales.
  • Tu equipo trabaja en DeepSeek o Reasonix. Esos agentes tienen páginas dedicadas; la configuración cambia según el agente aunque el espacio de trabajo de diseño se mantiene consistente. Consulta agentes relacionados.

Compatibilidad

Requisitos de DeepSeek Harness antes de empezar

Esta página aborda DeepSeek Harness cuando la app de escritorio de OpenDesign es el punto de conexión. Se consultaron referencias publicadas a fecha de 6 de septiembre de 2026.

Alcance de la herramientaDeepSeek Harness, de DeepSeek AI

DeepSeek Harness (`dsh`) es el harness de agentes oficial de código abierto de DeepSeek AI. Los modelos, las herramientas, las sesiones, los permisos, los sistemas de archivos, las skills, los subagentes y la interfaz de usuario se ensamblan como plugins de Cordis mediante su interfaz web local y su ejecutor headless. El enfoque aquí es diseñar interfaces con DeepSeek Harness dentro de OpenDesign, no operar la propia interfaz de DeepSeek Harness. Qué agentes puede usar OpenDesign queda registrado en sus notas de configuración.

Cuentas y autenticaciónClave de API de DeepSeek u otra configurada

Una clave de API de DeepSeek, u otra credencial de proveedor ya configurada. En OpenDesign, ve a Configuración → Modelos y proveedores → CLI local y vuelve a escanear. En esta página no se promete ninguna cuota ni precio.

Sistema y versionesApp de escritorio o código fuente

Las compilaciones de escritorio se enumeran en la página de descarga. Los requisitos de Node.js y pnpm de la guía de inicio rápido del código fuente importan cuando se ejecuta desde el código fuente; no se aplican a una instalación de paquete de escritorio. La versión mínima de DeepSeek Harness compatible aquí no se ha verificado.

Verificación de conexiónLa señal de éxito

Usa los pasos de conexión que muestra tu versión instalada y luego dale a DeepSeek Harness una tarea modesta. Comprueba que DeepSeek Harness la haya llevado a cabo y que el artefacto se pueda abrir. El simple hecho de descargarlo no demuestra que la conexión funcione.

Empiece con la app de escritorio

Tres pasos para configurar DeepSeek Harness

Empieza por descargar; completa la configuración de DeepSeek Harness que corresponda a tu versión instalada; luego verifica un resultado pequeño. Seguir esta ruta no requiere compilar OpenDesign desde el código fuente.

  1. 1

    Descargue la app de escritorio de OpenDesign

    Elige el instalador creado para tu máquina, instálalo y abre la app.

    Descargar OpenDesign
    PUNTO DE CONTROL
    Deberías ver abierta la app de escritorio. Si ya está instalada, pasa al siguiente paso en lugar de volver a descargarla.
  2. 2

    Prepare su conexión de DeepSeek Harness

    Usa las instrucciones de DeepSeek Harness que vienen con la versión que instalaste. En OpenDesign, abre Configuración → Modelos y proveedores → CLI local y elige volver a escanear.

    deepseek-ai/deepseek-harness 
    curl -fsSL 'https://open-design.ai/install-dsh.sh?version=1' | sh

    Tomado de las notas de configuración de DeepSeek Harness en la guía publicada; verifica el comando actual con la documentación del proveedor.

    PUNTO DE CONTROL
    Verifica el agente y la cuenta que pretendías usar. Si no estuviera disponible, revisa primero la compatibilidad en lugar de pasar a una tarea más grande.
  3. 3

    Ejecuta una única tarea pequeña de DeepSeek Harness

    Mantén el brief modesto, lo que te permite juzgar todo el ciclo, incluida una revisión.

    Briefing inicial

    Crea una pantalla de configuración que contenga un formulario de perfil y una confirmación de guardado. Aplica mis reglas de diseño. Verifícala en anchos de escritorio y móvil.

    PUNTO DE CONTROL
    Abre el resultado, comprueba el estado de guardado y pide un cambio concreto. El archivo generado inicia la revisión; no es la meta final.

Si OpenDesign se va a ejecutar desde el código fuente, usa mejor el inicio rápido técnico.

El workflow de diseño de DeepSeek Harness

Flujo de trabajo de diseño con DeepSeek Harness: cinco pasos

Este recorrido sigue la tabla de usuarios de administración desde el brief hasta el archivo revisado. Cada paso indica tu entrada, el trabajo de DeepSeek Harness, la contribución de OpenDesign y lo que verificas.

  1. 1

    Briefing de diseño

    Un brief breve en lenguaje sencillo: de tres a seis líneas. Indica quién usa la pantalla, qué debe lograr y qué plataformas importan.

    • UstedRedacta el brief. Si tienes una captura de pantalla de referencia, adjúntala.
    • DeepSeek HarnessAnaliza el brief y el archivo de instrucciones del proyecto; si un requisito es ambiguo, pregunta antes de continuar.
    • OpenDesignAloja el proyecto y la superficie de prompts, y proporciona la skill que corresponde al tipo de artefacto.
    • ComprobarAsegúrate de que el brief detalle los criterios de aceptación. Establecerlos antes de la generación cuesta menos que corregirlos después.
  2. 2

    Restricciones de diseño

    Un sistema de diseño más unos pocos puntos no negociables. Esa combinación es lo que mantiene el resultado fiel a la marca en lugar de genérico.

    • UstedElige el sistema de diseño, luego indica los puntos de interrupción y los componentes que deban aparecer.
    • DeepSeek HarnessAntes de escribir código, carga los tokens de DESIGN.md y las reglas de postura de diseño en el contexto.
    • OpenDesignEntrega la biblioteca del sistema de diseño y vincula el sistema que elijas en la plantilla de habilidad.
    • ComprobarComprueba que los tokens coincidan con tu marca: un único color de acento, tipografías correctas, radio correcto.
  3. 3

    Generar la interfaz

    DeepSeek Harness produce un único archivo HTML autocontenido: maquetación, estilos, interacciones y hooks estables.

    • UstedEspera o responde una pregunta aclaratoria. No hay nada que configurar.
    • DeepSeek HarnessPlanifica las secciones, escribe HTML, CSS y JavaScript, ejecuta el archivo y repara lo que falle.
    • OpenDesignAlmacena el artefacto en la carpeta del proyecto y lo indexa para que la vista previa pueda encontrarlo.
    • ComprobarEspera. Juzga el archivo después de que se renderice, no leyendo el código fuente.
  4. 4

    Vista previa

    Dentro de OpenDesign, el archivo se renderiza con los anchos que solicitaste. Este es el punto en el que se juzga el diseño.

    • UstedCambia los anchos, prueba las interacciones haciendo clic y deja comentarios en elementos individuales.
    • DeepSeek HarnessLee tus comentarios de la vista previa y prepara la siguiente revisión.
    • OpenDesignRenderiza la vista previa y expone los destinos data-od-id para que los comentarios y las ediciones puedan asociarse a elementos.
    • VerificaciónComprueba la jerarquía, el contraste, el desbordamiento a 390px, los estados de foco y la moderación en el uso del color de acento.
  5. 5

    Revisar y verificar

    Solicita cambios señalando elementos en la vista previa. Cada revisión llega como un archivo nuevo; nada se sobrescribe sin dejar rastro.

    • UstedTraduce los comentarios en solicitudes y decide cuándo termina la tarea.
    • DeepSeek HarnessAplica los cambios in situ y vuelve a ejecutar el archivo.
    • OpenDesignMantiene las versiones en paralelo; cuando termines, exporta una imagen o el HTML.
    • VerificaciónVuelve a comprobar solo el área modificada y, después, la página completa una vez en cada punto de interrupción.

Recursos

Recursos de diseño de DeepSeek Harness

Skills

Skills de diseño

Tipos de artefactos que DeepSeek Harness puede generar en OpenDesign, con una habilidad por tipo.

Explorar skills Sistemas de diseño

Sistemas de Diseño

Tokens de marca y componentes que vinculas antes de que DeepSeek Harness genere cualquier resultado.

Explorar sistemas Plantillas

Plantillas

Puntos de partida para presentaciones, landing pages y pantallas de producto.

Explorar plantillas Plugins

Plugins de diseño de DeepSeek Harness

Plugins de diseño creados para el Harness, cada uno con sus propias notas de configuración.

Explorar plugins

Limitaciones

Límites de DeepSeek Harness, comprobaciones manuales y alternativas

  • AlcanceEsta página trata sobre DeepSeek Harness como agente conectado a OpenDesign, no sobre todas las funciones de DeepSeek Harness.
  • Límites de usoLos límites de uso y el coste dependen de la credencial que uses (clave de API de DeepSeek u otra credencial de proveedor configurada). Aquí no se hace ninguna afirmación sobre cuotas gratuitas.
  • RedLos archivos de proyecto locales no implican inferencia sin conexión. Comprueba la configuración del proveedor y las políticas de datos de tu agente antes de compartir entradas sensibles.
  • La salida es HTMLLos artefactos llegan como archivos HTML, no como archivos de diseño vectorial.
  • Revisión manualTú revisas la accesibilidad, el contenido real, la adecuación a la marca y la corrección de las interacciones en la vista previa. Cualquier autocomprobación del agente es solo una primera pasada.
  • AlternativaSi el agente no está disponible o una tarea falla, consulta las instrucciones de conexión y autenticación de la versión instalada. Conserva el error y el último artefacto que funcionaba antes de cambiar la configuración.

Preguntas frecuentes

Preguntas frecuentes sobre DeepSeek Harness y OpenDesign

¿Qué es DeepSeek Harness?
DeepSeek Harness (`dsh`) es el harness de agente de código abierto oficial de DeepSeek AI. Combina modelos, herramientas, contexto, sesiones, políticas, orquestación e interfaz de usuario a través de un árbol de plugins Cordis. La versión pública es actualmente una vista previa para desarrolladores bajo la licencia MIT.
¿Cómo instalo y ejecuto DeepSeek Harness?
Ejecute el instalador de una sola línea para su sistema operativo — macOS/Linux: `curl -fsSL 'https://open-design.ai/install-dsh.sh?version=1' | sh` (los comandos de una línea para PowerShell y CMD están en la sección de configuración anterior). No se requiere tener Node.js, pnpm ni dsh preinstalados, y no se necesita `sudo`. El instalador abre `dsh web` al final; continúe más allá del aviso de vista previa y guarde únicamente la clave de API en Settings → Models → DeepSeek → API Key. Confirme que el proveedor y el modelo funcionan, detenga la Web UI con `Ctrl+C`, instale OpenDesign 0.19.1 o una versión posterior, vuelva a escanear los agentes de Local CLI, conecte la tarjeta del Harness y haga clic en Test.
¿El instalador sobrescribirá mi Node.js existente?
No. Cuando faltan los entornos, instala una cadena de herramientas de Node.js y DeepSeek Harness aislada dentro de su directorio de usuario; no modifica el Node.js del sistema ni reemplaza las versiones que usan otros proyectos. Si ya tiene Node.js, pnpm y dsh compatibles, el instalador los detecta y los reutiliza en lugar de volver a descargarlos.
La terminal no encuentra Dsh tras la instalación: ¿qué hacer ahora?
Primero abra una nueva ventana de terminal. OpenDesign escanea automáticamente los directorios de herramientas habituales a nivel de usuario, por lo que normalmente no necesita editar PATH; si OpenDesign ya está abierto, vaya a la página Local Agent y haga clic en Rescan. Si la detección sigue fallando, confirme que la pantalla final del instalador indicó que DeepSeek Harness estaba listo y, después, comparta esa salida junto con el mensaje de prueba de OpenDesign al solicitar soporte.
¿Es DeepSeek Harness un proyecto oficial de DeepSeek?
Sí. El repositorio se publica bajo la organización `deepseek-ai` en GitHub y describe dsh como un harness de agente desarrollado por DeepSeek AI. Tiene licencia MIT y está marcado explícitamente como developer preview.
Qué aporta el harness al diseño
DeepSeek Harness (`dsh`) es un harness de agente con licencia MIT desarrollado por DeepSeek AI. La página oficial del producto presenta el proyecto; el repositorio de GitHub contiene el código fuente, el historial de versiones y las guías mantenidas. La vista previa pública para desarrolladores incluye una interfaz web local y perfiles headless.

Su idea definitoria es «todo es un plugin». Cordis compone un árbol en el que el adaptador de modelo, el registro de herramientas, el bucle del agente, el sistema de archivos, el shell, el sandbox, las skills, los subagentes, la persistencia y la interfaz de usuario pueden montarse, reemplazarse o parchearse mediante perfiles y bundles. Los perfiles `web` y `headless` incluidos son puntos de partida, no productos fijos.

Interfaz web local: `npx @deepseek-ai/dsh web` inicia un espacio de trabajo en el navegador en `127.0.0.1:3080` de forma predeterminada. Añade un modelo, elige un espacio de trabajo y ejecuta tareas desde la interfaz de conversación.

Modo headless: el perfil `headless` ejecuta una sesión persistida nueva, imprime la respuesta final y sale; resulta útil para auditorías por script, compilaciones y comprobaciones de diseño repetibles.

Runtime composable: los perfiles apilan bundles de plugins y tus propios parches. Eso permite a un equipo cambiar proveedores, herramientas, políticas y comportamiento de la interfaz de usuario sin bifurcar un bucle de agente.

Estado: vista previa para desarrolladores; se esperan cambios que rompan la compatibilidad

Desarrollador: DeepSeek AI (proyecto oficial)

Licencia: MIT

Comando principal: `npx @deepseek-ai/dsh web`
¿Puede DeepSeek Harness hacer diseño?
DeepSeek Harness puede crear landing pages, interfaces de producto, dashboards y prototipos de frontend porque puede leer un repositorio, editar código de UI real, ejecutar comandos, cargar instrucciones del proyecto y mantener una sesión a lo largo de las iteraciones. Lo que no aporta por sí solo es criterio visual: el trabajo de diseño útil sigue necesitando reglas de marca, referencias, herramientas, permisos y un bucle que renderice y compruebe el resultado.

Contexto de diseño persistente: el cargador de instrucciones predeterminado lee `AGENTS.md` y `CLAUDE.md` de la jerarquía del proyecto. Coloca tokens, reglas de componentes, puntos de interrupción responsive y criterios de revisión donde cada ejecución pueda verlos.

Skills reutilizables: las skills locales pueden residir en `.dsh/skills` o `.agents/skills`. Una skill de frontend puede empaquetar el brief exacto, la checklist, los ejemplos y los scripts que evitan que cada tarea de UI empiece desde cero.

Elección de proveedor según la tarea: la UI web puede configurar DeepSeek, proveedores de catálogo como Anthropic u OpenAI, y endpoints personalizados compatibles con OpenAI. Usa una ruta declarada con capacidad de imagen para la entrada de capturas de pantalla; usa la ruta nativa de DeepSeek para texto, código, DOM y trabajo guiado por especificaciones.

El harness aporta las entradas; el criterio sigue viniendo de un sistema de diseño, una skill enfocada y referencias concretas.

El límite importante es el mismo para todos los agentes: la composabilidad no es criterio. Sin restricciones deliberadas de tipografía, espaciado, componentes e interacción, el runtime automatizará fielmente un resultado genérico. El papel de OpenDesign es aportar y organizar esas entradas de diseño.
Paso 1: Instalar y configurar DeepSeek Harness
No necesitas tener Node.js, pnpm ni dsh preinstalados. Ejecuta el instalador de una línea para tu sistema operativo: instala la cadena de herramientas de DeepSeek Harness que OpenDesign ha verificado y luego abre la página de configuración de la clave de API. El instalador nunca toca tu Node.js del sistema y no necesita `sudo` ni derechos de administrador; un entorno compatible existente se reutiliza automáticamente.

macOS / Linux — abre Terminal, pega esta línea y pulsa Intro (se admiten Apple Silicon, Intel Mac y las distribuciones Linux x64/arm64 convencionales; Alpine Linux aún no es compatible):

Windows PowerShell — abre PowerShell, pega esta línea y pulsa Intro:

Windows CMD — abre el Símbolo del sistema, pega esta línea y pulsa Intro:

Comprueba si hay versiones compatibles de Node.js, pnpm y DeepSeek Harness y las reutiliza cuando existen; no se descarga nada dos veces.

Cuando faltan entornos, instala una cadena de herramientas aislada de Node.js y DeepSeek Harness dentro de tu directorio de usuario.

Fija la versión que OpenDesign ha verificado, de modo que las actualizaciones automáticas no puedan romper la compatibilidad.

Verifica el SHA-256 de la descarga de Node.js y detiene la instalación si no coincide.

Crea una entrada `dsh` que OpenDesign puede descubrir, sin sobrescribir tu Node.js global.

Solo se comunica con el endpoint de instalación de OpenDesign, nodejs.org y el registro de npm; no sube archivos de proyecto ni claves de API.

Abre la interfaz web de Harness: el instalador ejecuta `dsh web` por ti cuando termina. Normalmente abre `http://127.0.0.1:3080`; si el navegador no se abre, copia la dirección que imprime el terminal y usa esa dirección exacta. Siempre que necesites reconfigurar más adelante, vuelve a ejecutar `dsh web`.

Añade la clave de API de DeepSeek: continúa más allá del aviso de vista previa y luego guarda o aplica la clave cuando se te solicite. Si no aparece el mensaje, abre Ajustes → Modelos → DeepSeek → Clave de API. Pega solo la clave, no `DEEPSEEK_API_KEY=...` ni comillas. El cambio surte efecto de inmediato; no necesitas reiniciar `dsh web`. Crea una en la DeepSeek Platform si es necesario.

Confirma el modelo y luego cierra la interfaz de configuración: el proveedor DeepSeek debería aparecer como configurado y sus modelos deberían mostrarse en el selector. Si ves `MISSING_CREDENTIAL`, vuelve a abrir la tarjeta de DeepSeek y guarda la clave de nuevo. Después de que funcione una solicitud de prueba, pulsa `Ctrl+C`; `dsh web` no necesita permanecer abierto mientras usas OpenDesign.

DeepSeek Harness almacena las credenciales de los proveedores como secretos de solo escritura: la interfaz puede indicar si una clave está configurada, pero no puede leer ni mostrar la clave en texto plano. OpenDesign reutiliza este dsh instalado por el usuario y su configuración de modelos sin copiar la clave en OpenDesign. El instalador ya fija la versión que OpenDesign ha verificado, por lo que no se necesita gestionar la versión manualmente. Consulta la guía oficial del proveedor para conocer el comportamiento de las credenciales en el sistema upstream.

Usa la sección de configuración actual para ver los comandos y los detalles específicos de la versión, que pueden cambiar.

& ([scriptblock]::Create((irm 'https://open-design.ai/install-dsh.ps1?version=1')))
Ejemplo de comando histórico de la guía anterior; verifica la sintaxis actual en la documentación del proveedor enlazada.

curl -fsSL "https://open-design.ai/install-dsh.cmd?version=1" -o "%TEMP%\install-dsh.cmd" && call "%TEMP%\install-dsh.cmd"
Ejemplo de comando histórico de la guía anterior; verifica la sintaxis actual en la documentación del proveedor enlazada.
Ejecutar el ciclo de compilación y revisión de la interfaz
Para el trabajo de interfaz, haz explícitos el brief y el ciclo de aceptación. La ruta predeterminada de DeepSeek es solo texto, así que la base más fiable es un flujo de trabajo de código y especificaciones; adjunta capturas de pantalla solo después de seleccionar una ruta de modelo que declare entrada de imágenes.

Inicia dsh desde el repositorio, elige ese directorio como espacio de trabajo y selecciona la ruta de modelo para esta tarea.

Coloca el contrato de marca en `AGENTS.md`, `CLAUDE.md` o un `DESIGN.md` referenciado: tokens, primitivas, espaciado, tipografía, puntos de interrupción, estados y patrones prohibidos.

Carga una skill de frontend enfocada desde `.dsh/skills` o `.agents/skills`; mantén los ejemplos y los scripts de validación junto a las instrucciones.

Pide al agente que reutilice los componentes existentes, ejecute la aplicación y valide los estados responsivos con las propias pruebas del proyecto o las herramientas del navegador.

Revisa el resultado visible, registra los deltas específicos e itera en commits pequeños. Revierte las pasadas débiles en lugar de acumular correcciones sobre una base mala.

Un prompt útil nombra tanto las restricciones visuales como la evidencia de verificación:

Si una captura de pantalla es esencial, configura primero un proveedor compatible con imágenes. DeepSeek Harness rechaza una imagen antes de enviarla cuando la ruta seleccionada no declara compatibilidad con imágenes, una útil protección contra la omisión silenciosa de la referencia.

Implement the account dashboard in React + TypeScript. Reuse the components and tokens named in AGENTS.md and DESIGN.md. Use a 240px sidebar, a 12-column content grid, and the documented mobile navigation pattern. Include loading, empty, error, and focus states. Run the app and existing UI checks, inspect desktop and mobile breakpoints, and report the exact files and states you verified.
Ejemplo de comando histórico de la guía anterior; verifica la sintaxis actual en la documentación del proveedor enlazada.
Haz que el flujo de trabajo sea reutilizable con complementos y habilidades
DeepSeek Harness se diferencia sobre todo por debajo de la superficie del chat. Su árbol de complementos permite a los equipos convertir el flujo de trabajo de diseño en parte del runtime en lugar de un prompt pegado en cada sesión.

AGENTS.md y CLAUDE.md: El complemento de instrucciones carga el archivo global del usuario y la jerarquía del proyecto, y luego detecta archivos de instrucciones anidados relevantes después de operaciones de archivos propias. Úsalo para reglas de diseño duraderas, no para solicitudes puntuales.

Habilidades del sistema de archivos: El registro de habilidades descubre raíces de proyecto y de usuario, clasifica duplicados y expone una herramienta `skill` orientada al modelo. Este es un lugar natural para la destreza frontend, la accesibilidad, el QA responsive y los procedimientos de sistemas de diseño.

Perfiles y paquetes: Un perfil apila paquetes de complementos ordenados más parches del usuario. Los equipos pueden mantener una composición enfocada en diseño con el proveedor, las herramientas, la política de permisos y las fuentes de habilidades que realmente necesitan.

MCP y capacidades externas: El árbol de código fuente incluye capacidades de cliente MCP, pero la configuración orientada al usuario todavía está orientada a desarrolladores. Trata las integraciones como trabajo de complementos versionado durante la vista previa, no como un flujo de trabajo estable con casillas de verificación.

Antes de crear un flujo de trabajo interno de larga duración, inspecciona el árbol efectivo con `dsh --profile web --dump-config`. Esa salida muestra lo que realmente está montado y es parcheable; es más fiable que asumir que todos los paquetes del repositorio están activos en el perfil distribuido.
DeepSeek Harness, DeepSeek TUI y OpenDesign
DeepSeek Harness y DeepSeek TUI son proyectos separados con ejecutables diferentes. OpenDesign ahora admite ambos como agentes locales, así que la elección se trata de qué runtime quieres — no de si alguno puede entrar en el espacio de trabajo de diseño.

DeepSeek Harness (`dsh`) — Harness oficial de DeepSeek AI centrado primero en complementos, con Web UI local y perfiles headless; adaptador propio de OpenDesign — Uso de sesiones de Harness, proveedores y composición de complementos dentro del flujo de trabajo de artefactos de OpenDesign

DeepSeek TUI (`deepseek` / `codewhale`) — Un agente de codificación de terminal separado con su propio adaptador de OpenDesign — Un flujo de trabajo de DeepSeek primero terminal sin la arquitectura de perfiles de Harness

OpenCode — Agente de terminal maduro, de código abierto y agnóstico respecto al proveedor — Cambio de modelos dentro de un flujo de trabajo TUI estable con AGENTS.md y MCP

Claude Code — Agente de codificación maduro en superficies de terminal, IDE, escritorio y web — Razonamiento frontend, referencias con muchas imágenes e integraciones de diseño establecidas

OpenDesign — Espacio de trabajo y biblioteca de diseño nativos para agentes en torno a agentes de codificación compatibles — Sistemas de diseño seleccionados, habilidades, artefactos visuales y un flujo de trabajo local independiente de un proveedor de modelos

Elige DeepSeek Harness cuando quieras su Web UI oficial, su sistema de perfiles, su catálogo de modelos y sesiones de Harness reanudables. Elige DeepSeek TUI dentro de OpenDesign cuando prefieras el flujo de trabajo primero terminal de ese agente. Siguen siendo runtimes distintos aunque OpenDesign ahora pueda envolver cualquiera de los dos en el mismo proceso de diseño.

Herramienta — Qué es — Mejor uso de diseño
Evita los fallos que arruinan la salida visual
Los errores más graves provienen de tratar una vista previa como un producto estable, tratar una ruta de solo texto como un modelo de visión, o tratar un arnés flexible como una fuente de gusto visual.

Fija antes de personalizar: Los cambios que rompen la compatibilidad son una política de vista previa explícita. Fija la versión de npm y mantén los parches de perfil lo suficientemente pequeños para revisarlos después de una actualización.

Verifica las modalidades del modelo seleccionado: La ruta nativa de chat-completions de DeepSeek es solo texto. Para screenshot-to-code, selecciona y declara una ruta de proveedor con capacidad de imagen en lugar de asumir que el archivo adjunto será entendido.

Proporciona el gusto como datos: Dale al agente tokens, componentes canónicos, estados de referencia y patrones prohibidos. Un entorno de ejecución modular sin un contrato de diseño sigue produciendo UI genérica.

Verifica lo que el perfil realmente monta: Los paquetes del repositorio son capacidades, no prueba de que el perfil predeterminado los haya habilitado. Inspecciona la configuración compuesta antes de documentar una integración o confiar en ella.

Cada mitigación es una decisión de contexto y verificación. Eso es exactamente el trabajo que una capa de diseño debería hacer repetible en lugar de dejar que cada proyecto lo redescubra.
Paso 2: Descarga OpenDesign 0.19.1 o posterior
Una vez que dsh funciona localmente, el resto sucede en OpenDesign. La integración de DeepSeek Harness está disponible en OpenDesign 0.19.1 y posteriores.

Obtén la compilación de escritorio actual desde la página de descarga de OpenDesign, instálala y lanza la aplicación.
Paso 3: Detectar DeepSeek Harness
Abre Ajustes → Modelos y proveedores → CLI local, luego elige Reescanear. Reinicia OpenDesign o vuelve a escanear si ya estaba abierto durante la instalación. La tarjeta de DeepSeek Harness aparece cuando OpenDesign encuentra el ejecutable `dsh` del paso 1.
Paso 4: Conectar el perfil de OpenDesign
Selecciona la tarjeta de DeepSeek Harness. Si dice “Se requiere configuración de conexión”, confirma “Instalar y seleccionar”. OpenDesign verifica su propio componente, le pide a dsh que lo instale en el perfil `open-design`, vuelve a escanear y prueba la conexión.

Este es el punto de control: versión de Harness detectada, “Sincronizado desde CLI” y una acción de Prueba funcional.

Eso completa la conexión. La UI y `od agent setup deepseek-harness --json` usan la misma ruta de configuración local; cada ejecución inicia `dsh --profile open-design --stdio`, mientras que Harness mantiene la identidad de la sesión para turnos posteriores.
Paso 5: Iniciar una tarea de diseño
Confirma que la tarjeta muestre la versión de Harness y «Sincronizado desde CLI»; luego haz clic en Probar. Después de que la prueba pase, abre o crea un proyecto, elige DeepSeek Harness y un modelo sincronizado, y envía tu solicitud de diseño.

DeepSeek Harness edita el espacio de trabajo real; OpenDesign mantiene unidos la solicitud, el progreso, la vista previa y el artefacto final.

El límite sigue siendo simple: Harness controla dsh, las credenciales, los modelos y las sesiones; OpenDesign controla el perfil de conexión verificado y el espacio de trabajo de diseño. OpenDesign es independiente de DeepSeek AI, y DeepSeek y DeepSeek Harness son marcas comerciales de sus respectivos propietarios.

Crea una página de aterrizaje de producto pulida en este espacio de trabajo. Usa DESIGN.md, AGENTS.md y la habilidad de frontend instalada como el contrato visual. Reutiliza los tokens y componentes del proyecto; incluye estados de escritorio y móvil. Ejecuta la aplicación, inspecciona el resultado renderizado, corrige problemas visibles de espaciado y jerarquía, y deja el HTML final y los recursos en el proyecto para que OpenDesign los previsualice.
Ejemplo de comando histórico de la guía anterior; verifica la sintaxis actual en la documentación del proveedor enlazada.
¿DeepSeek Harness es oficial?
Sí. Está desarrollado por DeepSeek AI y publicado bajo la licencia MIT.