Frontend Engineer, Yuna AI skill by KissMySkills, cover

Ingeniera de frontend AI Skill - Yuna

$19
Ir a la información del producto
Frontend Engineer, Yuna AI skill by KissMySkills, cover

Ingeniera de frontend AI Skill - Yuna

Desarrolla el frontend: React y TypeScript, rendimiento, accesibilidad, CSS adaptable y pruebas.

$19 este skill un solo pago tuyo para siempre

Paquete de skill para Claude descarga instantáneayuna-ingeniero-de-frontend.skill

Plan Library

Consigue este skill y 2.500+ más

$9/mes o $59 al año

Consigue Library · $9/mesObtener Library
Prueba este skill gratis durante 7 díasProbar gratis

No se cobra nada. 2 días antes de que termine la prueba te llega un código de −30% para tu primer pago.

  • Funciona en Claude, ChatGPT, Claude Code, Codex y Cursor con un solo conector
  • Todos los skills, paquetes de prompts y agentes, además de AI CRM y herramientas durante la prueba
  • Cancela cuando quieras
¿Por qué una suscripción? Cómo funciona

¿Solo necesitas este skill?

Un archivo, pago único. Sin actualizaciones ni conector.

Cuesta más o menos lo mismo que 2 meses de Library.

$19

Paga una vez, tuyo para siempreDescarga instantáneaGarantía de reembolso de 30 días

Como se vio enProduct HuntFazierKittyLaunch

  • Visa
  • Mastercard
  • American Express
  • Apple Pay
  • BLIK
  • Klarna

Pago seguro con Stripe

Marcas registradas de sus respectivos propietarios. KissMySkills no está afiliado a ellos ni cuenta con su respaldo.

Cómo funciona

Ask it something hard.

📎 yuna-ingeniero-de-frontend.skillLOADED ✓
El bundle de React pesa 2,8 MB y el LCP en 4G es de 6,1 s. El gerente de producto quiere funcionalidades, no un sprint de rendimiento. ¿Qué tendría el mayor impacto más rápido?
CLAUDE · WITH THIS SKILL 2,8 MB no necesita un sprint; necesita una tarde de división del código por rutas. React.lazy en tus 5 rutas más pesadas suele reducir el JavaScript inicial en un 60 %. Primero analiza el paquete: casi siempre hay un moment.js con todas las configuraciones regionales, una importación completa de lodash y una biblioteca de gráficos que se envía a todas las páginas para una sola pantalla de administración. Por lo general, el LCP queda por debajo de 3 s al dividir el código y precargar el recurso principal. Preséntaselo al responsable de producto como una tarde con datos de campo de antes y después, no como un sprint. Pega los 20 módulos principales del analizador y marcaré los recortes.

O todos los skills, dentro de tu IA.

0:16 · sin sonido
Los 2.500+ con Library · $9/mes →

¿Dudas antes de comprar? Responde una persona, normalmente el mismo día: hello@kissmyskills.com

// el archivo en sí

Léelo antes de comprarlo.

Las primeras líneas del archivo que leerá tu IA, tal cual se entrega. Nada reescrito para la página.

Usa el nombre
Con el archivo cargado, háblale por su nombre: «Serge, mira esta página.» Para eso está el nombre. Así varios skills no se mezclan en un mismo chat.
// el skill con el que funciona tu IA

Eres Yuna, una ingeniera frontend sénior que recurre al HTML semántico antes que a ARIA, tipa las props según la estructura de los datos y mide LCP, INP y CLS. Te han activado para desarrollar una UI que funcione con el teclado.

SKILL.md · 183 líneas · descarga instantánea

// qué incluye

Qué incluye este skill

  1. React (hooks, estado, composición) y TypeScript
  2. Rendimiento: tamaño del paquete, división del código, Core Web Vitals
  3. Accesibilidad: HTML semántico, ARIA, teclado, WCAG
  4. CSS adaptable, gestión del estado y React Testing Library

Ingenieros de frontend que quieren componentes rápidos y accesibles, y TypeScript limpio y probado.

// dos formas de conseguirlo

Úsalo dentro de tu IA o descárgalo una vez.

Plan Library

Este skill y 2.500+ más, dentro de tu chat

$9/mes cancela cuando quieras, o $59 al año

  • Los 2.500+ skills, packs de prompts y agentes, cargados en cuanto los pides
  • Nada que descargar ni pegar: conecta una vez en Claude, ChatGPT, Claude Code o Cursor
  • Skills nuevos cada semana y 10 archivos del catálogo al mes para descargar
Compara Library, AI CRM y Both
Compra única

Solo este skill, como archivo

$19 pago único

  • Descárgalo tras la compra y pégalo en cualquier chat de IA
  • Un archivo, sin actualizaciones, sin conector
  • Garantía de devolución de 30 días

¿Ya tienes Library o Both? Este está incluido, no necesitas comprar el archivo.

// pídeselo a tu asistente

O deja que tu IA configure este skill por ti.

Ve a kissmyskills.com/pages/connector y configúrame el skill "Ingeniera de frontend AI Skill - Yuna" (handle: yuna-frontend-engineer)

Pégalo en Claude, ChatGPT, Claude Code, Cursor o Codex. Tu IA te guía para conectar KissMySkills (unos 3 minutos, prueba gratis de 7 días) y carga el skill. Lo que leerá tu IA →

Lo que compras de verdad

Añade Yuna a Claude y obtén una ingeniera sénior de frontend que crea componentes de React rápidos y accesibles, con TypeScript limpio y pruebas reales.

Yuna desarrolla el frontend: React (hooks, estado, composición), TypeScript, rendimiento (tamaño del paquete, división de código, memorización, Core Web Vitals), accesibilidad (HTML semántico, ARIA, teclado, WCAG), CSS adaptable, gestión del estado, formularios y pruebas (React Testing Library). Desarrolla siempre en una rama, realiza pruebas (unitarias y de accesibilidad), revisa y verifica en una compilación de vista previa antes de fusionar.

Qué obtienes

  • →React (hooks, estado, composición) y TypeScript
  • →Rendimiento: tamaño del paquete, división de código y Core Web Vitals
  • →Accesibilidad: HTML semántico, ARIA, teclado, WCAG
  • →CSS adaptable, gestión del estado y React Testing Library
📄 yuna-frontend-engineer.skill Instalación en menos de 2 minutos Funciona con Claude, ChatGPT y cualquier chat de AI

Cómo instalar

Descarga el paquete .skill → abre Claude → pega SKILL.md en las instrucciones de tu proyecto o en el prompt del sistema → describe tus requisitos → Yuna crea la respuesta. Incluye un ejemplo completo paso a paso para que veas exactamente lo que obtienes.

// cómo instalar En menos de 2 minutos

Cuatro pasos. Cualquier chat de AI.

  1. 01
    Descarga el archivo

    Tras la compra, el enlace de descarga llega a tu correo. Guarda el archivo .skill: Claude lo acepta tal cual.

  2. 02
    Abre tu chat de AI

    Cualquier chat de IA que ya uses: Claude, ChatGPT, Gemini, Grok, Copilot u otro.

  3. 03
    Añádelo a tu IA

    Claude: en Settings → Capabilities → Skills, sube el archivo .skill. ChatGPT, Gemini y otros: abre el archivo .skill como un archivo .zip y pega SKILL.md en las instrucciones personalizadas o del proyecto.

  4. 04
    Empieza a trabajar

    Tu AI ahora está configurada como especialista. Pregúntale cualquier cosa dentro de su ámbito.

No se requieren conocimientos técnicos.

Con Library no hay nada que descargar. Conecta tu IA una vez y pide: «Carga a Ingeniera de frontend AI Skill de KissMySkills».

Guía de configuración → Library · $9/mes →

// faq

Preguntas sobre este producto

¿Qué hace la skill de Yuna?+

Desarrollo frontend: React y TypeScript, rendimiento, accesibilidad, CSS responsive y testing. Cárgala una vez en Claude Projects y tendrás un Frontend Engineer configurado sin tener que volver a explicar el contexto al inicio de cada sesión. Desarrolla siempre en una rama con pruebas, ejecútalo en CI contra un entorno de staging con revisión de código y promuévelo a producción solo después de las pruebas y aprobaciones; nunca envíes cambios sin probar directamente a producción.

¿Cómo instalo este archivo de skill?+

Descarga el paquete .skill (contiene SKILL.md), pega el contenido en las instrucciones de Claude Projects o en el prompt de sistema de tu AI, añade tu propio contexto e inicia tu primera sesión. Funciona con Claude, ChatGPT o cualquier chat de AI que acepte prompts de sistema.

¿Con qué herramientas de AI funciona esta skill?+

Funciona con Claude (recomendado), ChatGPT, Gemini, Perplexity y Copilot, y con cualquier chat de AI que acepte prompts de sistema. Claude Projects ofrece los mejores resultados.

¿Qué incluye esta descarga?+

Un paquete .skill que se entrega al instante tras la compra: la configuración completa del rol en SKILL.md, además de un archivo de ejemplo práctico con un caso real para que veas la calidad antes de confiar en él. Sin suscripción; es tuyo para siempre.

¿Listo para especializar tu AI?

Este y 2.500+ más, dentro de Claude, ChatGPT, Claude Code, Codex o Cursor. Cancela cuando quieras.