Skills de Framer: el manual que sigue el agente de IA

Las Skills de Framer son instrucciones guardadas en el proyecto del sitio web que el agente de IA de Framer sigue al trabajar en él: el sistema de diseño, la voz de la marca, la forma de llenar el CMS y lo que hay que revisar antes de publicar. Lanzadas el 22 de septiembre de 2026, convierten la regla dicha en regla escrita.

El anuncio en el blog de Framer, publicado el 22 de septiembre y actualizado dos días después, presenta las skills como la forma de enseñarle al agente a trabajar como trabaja el equipo. Los tutoriales en portugués sobre creación de sitios web en Framer todavía no llegaron a ellas y se quedan en el prompt.

Wama usa mucho los agentes de Framer en su flujo de producción y tiene más de 50 proyectos publicados en la plataforma. De ahí viene la lectura de esta guía: la skill es la parte del sitio que sigue trabajando después de la entrega, y quien va a operar el agente la necesita tanto como las reglas de uso de los Agents en la empresa.

¿Qué son las Skills de Framer?

Son instrucciones con nombre, una descripción corta y un campo de contenido, guardadas dentro del proyecto. Según la página oficial de las skills, cada una le dice al agente cómo hacer una tarea específica en ese sitio: armar una página con el sistema de diseño, escribir con la voz de la marca, revisar el SEO o verificar el lanzamiento.

La skill vive en el proyecto, no en la cuenta de quien la escribió. El registro de novedades de Framer informa que acompaña al proyecto cuando alguien lo remezcla, y que puede citar páginas, componentes y estilos del propio sitio con @pages, @components y @styles. Eso es lo que la separa de un manual de marca guardado en una carpeta: el agente lee la regla y ve la pieza a la que se refiere.

Hay dos formas de crearla. En Settings, en el área Skills, alguien la escribe a mano. En el chat, el comando /skills le pide al agente que escriba una nueva o que capture las decisiones de una conversación que llegó a un buen resultado. Cada conversación con el agente consume créditos de IA, parte del costo de un proyecto en Framer.

¿Cuál es la diferencia entre una skill y un prompt?

El prompt sirve para una tarea; la skill sirve para todas las tareas de ese tipo. La página oficial lo resume así: el prompt le pide al agente que termine un trabajo, y la skill guarda las instrucciones que debe seguir cada vez, sin que nadie tenga que reescribirlas.

En la práctica, la diferencia aparece en la segunda semana de uso. Sin skill, cada persona del equipo describe el sitio a su manera al pedir una página nueva, y el agente interpreta cada pedido desde cero. Con skill, basta un pedido corto, porque la regla ya está en el proyecto. El anuncio agrega que ni siquiera el comando es obligatorio: el agente usa la skill por su cuenta cuando su descripción coincide con la tarea.

Por eso la descripción pesa tanto como el contenido: es la que decide cuándo entra en juego la regla. Escríbela como un buen brief de sitio web, diciendo para qué sirve la skill y en qué tarea usarla.

¿Qué skills necesita el sitio web de una empresa?

Cuatro cubren casi cualquier sitio institucional: sistema de diseño, voz de la marca, contenido del CMS y verificación de lanzamiento. Los nombres siguen los ejemplos que el propio Framer publica para copiar y adaptar, y cada uno responde a una pregunta que el agente no puede responder mirando solo el canvas.

La lista oficial trae otras, como la de accesibilidad, la de efectos y una que elimina los vicios del texto generado por IA. Empieza por las cuatro de la tabla. La de sistema de diseño es la que más retrabajo evita, porque impide que el agente invente colores, fuentes o componentes. La de CMS depende de lo que se vuelve contenido editable en el sitio, una decisión que se toma en el proyecto y no después.

Cómo escribir una skill que el agente respete

Escribe reglas verificables y deja claro el grado de obligación. La guía de buenas prácticas de Framer Academy sugiere tres palabras: must para lo que el agente no puede cambiar, prefer para el camino inicial que admite excepciones y can para las elecciones que no afectan la consistencia. Pedidos como dejar la página más bonita no entran.

1. Protege lo que ya existe. Di qué puede editar el agente y qué se queda como está: enlaces, instancias de componentes, campos vinculados al CMS e interacciones.

2. Señala ejemplos del propio sitio. Con @, la skill cita la página, el componente o el estilo que sirve de modelo.

3. Escribe lo que el canvas no muestra. Qué componente usar antes de crear otro, cómo nombra el equipo las páginas y las capas, qué breakpoints revisar.

4. Define qué significa terminado. Enumera las verificaciones finales y pídele al agente que corrija lo que encuentre e informe lo que no pudo resolver.

5. Prueba en dos tareas distintas. Cuando algo salga mal, reescribe la instrucción que causó el error, sin crear reglas para problemas que todavía no ocurrieron.

El punto 3 es donde está el valor. En los proyectos de Wama, el diseño es la fase más larga, y es ahí donde se decide cuánto aire necesita una sección o qué llamado sirve para una página de lanzamiento. Esas decisiones rara vez quedan visibles en el archivo final. La skill es el lugar para escribirlas.

¿Quién debe escribir las skills de tu sitio?

Quien diseñó el sistema, con la revisión de quien va a operar el sitio. Quien diseña conoce las reglas; el equipo de la empresa conoce las tareas que va a repetir. Escrita por un solo lado, la skill se vuelve un manual de estilo que nadie consulta o una lista de pedidos sin criterio visual.

En Wama, el proyecto se transfiere a la cuenta del cliente al final del trabajo, y la empresa queda como dueña del sitio, del dominio y de la suscripción. Como la skill vive en el proyecto, se va con él. Si estás contratando un sitio ahora, pide que las skills entren en la lista de entregables, junto a la capacitación del equipo en el CMS, y revisa qué entrega un estudio en un proyecto Framer antes de cerrar.

Pregunta también quién mantiene las skills cuando el sitio cambie. La respuesta sana es la propia empresa, con apoyo puntual de quien lo diseñó. Para evaluar ese apoyo, mira qué revisar en un especialista en Framer antes de elegir.

Como Framer Expert Pro, Wama tiene acceso de editor gratuito en proyectos de clientes y un 50% de descuento en créditos de agente, beneficios del nivel Expert Pro de Framer. La posventa no depende de un contrato mensual: hay un período de garantía con correcciones sin costo y un canal abierto para dudas puntuales.

Lo que la skill no resuelve

La skill no diseña el sistema, no aprueba el resultado y no aísla el cambio. Describe reglas que tienen que existir antes; si el sitio no tiene estilos y componentes organizados, la skill solo documenta el desorden. El propio anuncio insiste en que cada página sigue pidiendo criterio de diseño y que la revisión ocurre en el canvas.

Tampoco reemplaza el proceso. Un cambio hecho por el agente sigue necesitando branch, revisión y alguien con permiso para publicar, temas de la guía sobre IA en el sitio de la empresa enlazada al comienzo de este texto.

En Wama, la IA aceleró la construcción y no la decisión: el plazo total de los proyectos no cambió, y la ganancia aparece en el acabado. Todo resultado de IA pasa por lectura humana antes de llegar al cliente. Una skill bien escrita acorta el camino hasta la primera versión aceptable, pero no saca a nadie de la revisión.

Errores comunes al crear skills en Framer

1. Una skill para todo. La guía oficial recomienda dividir cuando cambian los disparadores y los resultados; cada skill con un trabajo y un punto claro de cierre.

2. Adjetivos en lugar de reglas. Moderno, limpio y elegante no le dicen al agente qué hacer.

3. Olvidar proteger el contenido. Sin esa línea, el agente puede cambiar textos, enlaces o campos del CMS que nadie pidió cambiar.

4. Una skill que nunca se revisa. El sitio cambia, y la regla vieja empieza a producir páginas desalineadas.

5. Tratar al agente como costo cero. Los créditos de IA del plan se acaban; acuerda quién usa el agente y para qué antes de abrirlo a todo el equipo.

Preguntas frecuentes sobre las Skills de Framer

¿Las Skills de Framer cuestan algo?

Las fuentes oficiales que leímos no mencionan un precio propio para las skills. Están en la configuración del proyecto y las usa el agente, y el uso del agente consume créditos de IA del plan. En la práctica, el costo es el del trabajo que hace el agente siguiendo la skill, no el de la skill guardada.

¿Necesito saber programar para escribir una skill?

No. La skill es texto común, escrito en frases y listas, y el agente también puede redactar la primera versión con el comando /skills. Lo que exige preparación es conocer las reglas del sitio: qué componentes usar, qué campos proteger y qué revisar antes de publicar. Eso es conocimiento de diseño, no de código.

¿La skill sirve para todos los sitios de la empresa?

No automáticamente. La skill queda vinculada al proyecto en el que se creó y lo acompaña cuando alguien lo remezcla. Una empresa con varios sitios necesita copiar y ajustar las skills en cada proyecto, lo que además evita llevar a un sitio una regla que solo tenía sentido en otro.

¿Una plantilla con skills reemplaza un sitio a medida?

Ayuda, pero no lo reemplaza. El anuncio oficial prevé plantillas que traen skills explicando cómo fueron diseñadas, lo que mejora el uso del agente. Pero la plantilla sigue siendo el sistema de otra marca. En un proyecto a medida, el sistema nace de la marca de la empresa, y la skill pasa a describir reglas que son suyas.

¿Quién puede crear o editar las skills del sitio?

Quien tiene acceso de edición al proyecto abre Skills en la configuración y cambia nombre, descripción y contenido cuando quiera. Las fuentes oficiales que leímos no detallan restricciones por rol. Por eso vale acordar dentro de la empresa quién es dueño de cada skill, de la misma forma en que se acuerda quién publica el sitio.

Si tu empresa va a contratar un sitio web en Framer y quiere que el equipo use el agente sin desarmar el sistema, habla con Wama sobre tu proyecto.