Traspaso de diseño gratis | Lista.

Lista de recursos, estados, especificaciones y responsables.

Convierta diseño en referencia implementable con estados, recursos y pendientes.

Instalar WebAct y empezar gratis Ver el ejemplo completo ↓

Requiere extensión de Chrome y cuenta.
25 tareas de automatización gratis al mes, compartidas entre herramientas. Se aplican los límites del proveedor en el navegador.

QUÉ DEBES TENER PREPARADO

Alcance de diseño y necesidades de desarrollo.

TU PUNTO DE PARTIDA

Una tarea que puedes adaptar.

Edita el prompt y luego cópialo.

Cópialo aquí. Pégalo en WebAct cuando quieras.

Esta página prepara tu prompt. La tarea se ejecuta en WebAct.

Adapta la tarea a ti.

Revisa el prompt de arriba. Añade tu objetivo y los requisitos que importen.

Llévala a WebAct.

Abre WebAct, pega la tarea y aporta tu material de origen. Empieza en Chat para un borrador o una explicación; usa Task cuando quieras una acción en el navegador o un archivo con tu aprobación.

Comprueba la parte útil.

Usa el resultado como borrador o análisis editable. Contrástalo con los hechos aportados y tu público previsto antes de basarte en él o compartirlo.

GUÍA PRÁCTICA

Entregar un diseño con comportamiento y estados definidos.

Entregue comportamiento y estados además de pantallas. Documente reglas adaptables, límites de contenido y recursos; marque decisiones pendientes para evitar suposiciones.

Adapta el flujo de trabajo a tu tarea.

Inventaríe pantallas, interacciones, adaptación y estados alternativos. Vincule recursos y tokens, detalle límites del contenido y asigne decisiones abiertas. Incluya verificaciones de aceptación para comprobar comportamiento, no inferirlo de imagen fija.

Qué aportas: Alcance de diseño y necesidades de desarrollo.
Qué obtienes: Lista de recursos, estados, especificaciones y responsables.

Mira la entrada y el resultado.

Entrada y salida ilustrativas · ejemplo didáctico, no una ejecución de WebAct en directo

Ejemplo campo

Handoff review: search field and result cards supplied, but loading, empty and error states missing. Responsive rules and keyboard behavior also unspecified.

Ejemplo completo

Required handoff additions:
- Loading: indicator, pending-control behavior and announcement to confirm.
- No results: useful message and a way to revise the query.
- Error: recovery action and retained-query behavior.
- Keyboard: focus order, submission and result navigation.
- Responsive: card columns and long-content behavior.
- References: assets, tokens and content constraints.
Assign a reviewer to each unresolved behavior before implementation; the current screens do not define these decisions.

Descargar este ejemplo

Carga esta entrada en el prompt y cópialo en WebAct para probar la tarea. Tu resultado puede diferir del ejemplo.

Decisiones y solución de problemas.

¿Basta con la pantalla de resultados exitosos de búsqueda?

Incluya carga, vacío, error y teclado; son parte de la experiencia real.

¿Por qué difiere el desarrollo aunque inicialmente coincida con la maqueta?

Pueden faltar reglas adaptables, contenido dinámico o estados. Documéntelos junto a la pantalla.

Pruébalo con tu propia fuente.

Sustituye el ejemplo por tu material en el prompt. Conserva los requisitos que necesites y copia la tarea en WebAct.

Personalizar y copiar la tarea ↑

ANTES DE EMPEZAR

Uso de WebAct.

Aquí tienes el prompt y el ejemplo. Ejecuta tu tarea en la extensión WebAct para Chrome.

¿Esta herramienta es gratis?

Puedes copiar y editar el prompt aquí gratis. Para usarlo con WebAct, instala la extensión de Chrome, crea y verifica tu cuenta y conecta una sesión disponible de ChatGPT en el navegador. El plan Free incluye 25 tareas de automatización iniciadas por el usuario por mes natural, compartidas entre herramientas. El Chat habitual del navegador es independiente; se aplican los límites del proveedor.

Aprende sobre el contexto compartido en nuestra política de privacidad y cómo elegir entre Chat o Task.

DE UN PROMPT A TU PROPIO TRABAJO

Lleva la tarea a tu página.

Instala WebAct, añade tu material de origen y adapta el resultado.

Instalar WebAct